sotex2
Newbie | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
при нажатии на одну из категорий выпадает список подкатегорий, и когда нажимаешь на одну из подкатегорий выполняется данный запрос, но при этом меню сворачивается. как сделать, чтоб при переходе на данную подкатегорию меню не сворачиволось. вот код.
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8" />
<title>CSS3 onclick Vertical Metal menu | Script Tutorials</title>
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/menu.css" type="text/css" media="screen">
</head>
<body>
<div class="container">
<ul id="nav">
<li><a href="#"><img src="http://www.cyberforum.ru/images/t1.png" /> Home</a></li>
<li><a href="#" class="sub" tabindex="1">
<img src="http://www.cyberforum.ru/images/t2.png" />HTML/CSS</a><img src="http://www.cyberforum.ru/images/up.gif" alt="" />
<ul>
<li><a href="#"><img src="http://www.cyberforum.ru/images/empty.gif" />Link 1</a></li>
<li><a href="#"><img src="http://www.cyberforum.ru/images/empty.gif" />Link 2</a></li>
<li><a href="#"><img src="http://www.cyberforum.ru/images/empty.gif" />Link 3</a></li>
<li><a href="#"><img src="http://www.cyberforum.ru/images/empty.gif" />Link 4</a></li>
<li><a href="#"><img src="http://www.cyberforum.ru/images/empty.gif" />Link 5</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Код CSS
#nav {
border:3px solid #3e4547;
box-shadow:2px 2px 8px #000000;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
#nav, #nav ul {
list-style:none;
padding:0;
width:200px;
}
#nav ul {
position:relative;
z-index:-1;
}
#nav li {
position:relative;
z-index:100;
}
#nav ul li {
margin-top:-23px;
-moz-transition: 0.4s linear 0.4s;
-ms-transition: 0.4s linear 0.4s;
-o-transition: 0.4s linear 0.4s;
-webkit-transition: 0.4s linear 0.4s;
transition: 0.4s linear 0.4s;
}
#nav li a {
background-color:#d4d5d8; |
