Шаблон:Спойлер — различия между версиями

Версия 20:02, 11 марта 2014 (просмотреть исходный код) Aakurb (обсуждение | вклад) ← Предыдущая правка		Версия 20:04, 11 марта 2014 (просмотреть исходный код) Aakurb (обсуждение | вклад) Следующая правка →
Строка 1:		Строка 1:
−	{{Навигационная полоса ЯГПУ (скрыть/показать)	+	<style>
−	|скрыть      =	+	#raz, #skryt { display: none; }
−	|заглавие    =
−	|содержание  =
−	}	+	label[for="raz"] { /* вид CSS кнопки */
		+	background: #4e6473;
		+	padding: 2px 10px;
		+	border-radius: 2px;
		+	color: #fff;
		+	cursor: pointer; }
		+
		+	#raz:checked ~ label[for="raz"] { background: #e36443; }
		+
		+	#raz:checked ~ #skryt { display: block; }
		+	</style>
		+
		+	<input type="checkbox" checked="checked" id="raz"/><label for="raz">кнопка</label><div id="skryt">исчезающий текст</div>

---

Версия 20:04, 11 марта 2014

<style>

1. raz, #skryt { display: none; }

label[for="raz"] { /* вид CSS кнопки */

 background: #4e6473;
 padding: 2px 10px;
 border-radius: 2px;
 color: #fff;
 cursor: pointer; }

1. raz:checked ~ label[for="raz"] { background: #e36443; }

1. raz:checked ~ #skryt { display: block; }

</style>

<input type="checkbox" checked="checked" id="raz"/><label for="raz">кнопка</label>