Всем приветы. Вот код меню, которое раздвигается при наведении. Как сделать, чтобы оно раздвигалось при клике?
Code
<ul id="nav_menu_css">
<li><span>Ссылки</span>
<ul>
<li><a href="">Ссылка</a></li>
<li><a href="">Ссылка</a></li>
</ul>
</li>
</ul>
Code
/*---Меню---*/
#nav_menu_css{
color:#404040;
border-top:1px dashed #B7B7B7;
padding:0 0 10px;
width:180px;
margin:0 11px 0 31px;
}
#nav_menu_css a{
color:#404040;
font-size:14px;
text-decoration:none;
padding:4px 10px 5px 20px;
display:block;
background:url(../images/mark.png) no-repeat 7px 50%;
}
#nav_menu_css a:hover{
color:#FFFFFF;
background:url(../images/mark.png) no-repeat #AC410C 7px 50%;
font-size:14px;
}
#nav_menu_css li{
font-size:15px;
border-bottom:1px dashed #B7B7B7;
padding:3px 0;
}
#nav_menu_css li span{
color:#404040;
font-size:14px;
text-decoration:none;
padding:4px 10px 5px 20px;
display:block;
background:url(../images/mark.png) no-repeat 7px 50%;
}
#nav_menu_css li ul{
display:none;
}
#nav_menu_css li li{
cursor:pointer;
margin:2px;
padding:1px;
border-bottom:1px dashed #FF6B00
}
#nav_menu_css li span:hover{
color:#FFFFFF;
background:url(../images/mark.png) no-repeat #AC410C 7px 50%;
font-size:14px;
}
#nav_menu_css li:hover ul{
display:block
}
#nav_menu_css li:hover ul{
margin:0;
padding:1px
}
