Форум

Deff · #1 (**permalink**) 22.08.2012, 00:33

Собственно - сабж...

Deff · #2 (**permalink**) 22.08.2012, 11:54

Э = нет нужен спойлер по клику(хотя можно и по наведению - который либо не убирается вообще - либо убирается только при повторном наведении)
Т.е триггер с запоминанием состояния, а не компаратор

Deff · #3 (**permalink**) 22.08.2012, 16:05

Чо нидь типо такого - но не сворачивающегося без заведомо направленного действия

<style type="text/css">

a#My .insert{
 display:none;
 border:red solid 1px;
 width:200px;
 height:100px;
}

a#My:focus .insert,
a#My:active .insert{
 display:block!important;
}
a#My{
 padding:12px;
 width:200px;
 border:blue solid 1px;
 display:inline-block;
}
</style>
<a id=My href="#" onclick="return false">Клик<div class="insert"></div></a>

Тут пропадает при потере фокуса

Deff · #4 (**permalink**) 22.08.2012, 18:29

<style type="text/css">

a#My .insert{
 display:none;
 border:red solid 1px;
 width:200px;
 height:100px;
}

a#My:active .insert,
a#My:focus .insert,
a#My:visited .insert{
 display:block!important;
}
a#My{
 padding:12px;
 width:200px;
 border:blue solid 1px;
 display:inline-block;
}
</style>
<a id=My href="#My" onclick="">Клик<div class="insert"></div></a>

Гы - Незакрываемое Окно родил

Правдо Для Мозиллы не работает (ток Ие и Опера

Octane · #5 (**permalink**) 22.08.2012, 20:24

А поведение :target не устраивает?

Deff · #6 (**permalink**) 22.08.2012, 20:33

Octane,
Поду потещу - не пользовалси

Deff · #7 (**permalink**) 22.08.2012, 20:39

Octane,
:Таrget -клаассно - (* но хотелось бы через :checked, что пока не получаецо)
Посколь оно после первого клика - более не закрывается (Тут во фрейме не в счёт, посколь идет искуственная очистка

<style type="text/css">

a#My .insert{
 display:none;
 border:red solid 1px;
 width:200px;
 height:100px;
}

a#My:target  .insert,
a#My:active .insert,
a#My:focus .insert,
a#My:visited .insert{
 display:block!important;
}
a#My{
 padding:12px;
 width:200px;
 border:blue solid 1px;
 display:inline-block;
}
</style>
<a id=My href="#My" onclick="">Клик<div class="insert"></div></a>

Octane · #8 (**permalink**) 22.08.2012, 21:23

Как-то так:

<html>
<head>
	<meta charset="utf-8">
	<title>…</title>
	<style>
		.details > input:checked + .text {
			display: none;
		}
		.details input {
			visibility: hidden;
		}
		.details label {
			cursor: pointer;
			color: #00f;
			text-decoration: underline;
		}
	</style>
</head>
<body>
	<div class="details">
		<label for="trigger">Скрыть/показать</label>
		<input id="trigger" type="checkbox">
		<div class="text">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
	</div>
</body>
</html>

Deff · #9 (**permalink**) 22.08.2012, 21:36

Octane,

Абалдеть - +++ Плюсы сорь уже не ставятся

Deff · #10 (**permalink**) 22.08.2012, 21:37

Абалдеть

Форум

Справочник

Discord чат

Курсы javascript