как спрятанный блок, показывать при нажатии ? я использую правило свойства active
для <a>
, но оно показывает список, только при задерживании, а нужно, чтобы нажал появилось, нажал второй раз исчезло.
// использование js не подходит, ищу решение через css
.dropdown {
visibility: hidden;
display: none;
}
ul li:active>ul,
ul li ul:active {
visibility: visible;
display: block;
}
<ul>
<li><a>1</a></li>
<li><a>2</a></li>
<li><a>3</a></li>
<li>
<a>4(доп список)</a>
<ul class="dropdown">
<li>а</li>
<li>б</li>
<li>в</li>
</ul>
</li>
<li><a>5</a></li>
<li><a>6</a></li>
</ul>
<a>4(доп список)</a>
можно использовать элемент<label>
, под ним<input type="checkbox">
(связать оба по ID), а в CSS ориентироваться на свойствоchecked
input:checked + .dropdown {display: block;}
– Deonis 23 фев в 17:01