Таза html, css-те жасай алмайсыз, ондай дайын атрибут жоқ, css3-пен көруге болады, бірақ кросбраузерлы болмайды ол.
Ең дұрысы, аз маз javascript қосжверу арқылы жасау ғо, мысалы былай (jQuery-кітапханасы қосулы деп есептейік)
Менюіңіз мынадай html-кодттан құралған болсын
<ul class="menu">
<li>Бірінші меню</li>
<li>Екінші меню
<ul class="submenu">
<li>Екінші менюдің біріншісі</li>
<li>Екінші менюдің екіншісі</li>
</ul>
</li>
<li>Үшінші меню</li>
</ul>`
css-те былай жазасыз (минимум)
.submenu {
display: none;
}
Скрипт алгоритмі шамамен былай
$(function(){
$('.menu li').click(function(){
if($(this).find("submenu").css('display') == 'block') {
$(this).find("submenu").slideUp();
} else{
$(this).find("submenu").slideDown();
}
});
});
