|
Сообщение от IgorArhangel
|
|
(!$(this).is(".active")
|
тогда зачем это ?
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
li ul {
display: none;
}
.active {
background-color: rgb(0, 255, 255);
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function() {
$(".left-menu ul.menu li.active").mouseenter(function() {
$('ul', this).stop(true, true).slideDown(500)
}).mouseleave(function() {
$('ul', this).stop(true, true).slideUp(500)
});
});
</script>
</head>
<body>
<div class="left-menu">
<ul class="menu">
<li class="item-108 deeper parent">
<a href="/lechebnaya-kosmetika">Лечебная косметика</a>
<ul>
<li class="item-109"><a href="/lechebnaya-kosmetika/chernika">Черника лютеин форте</a>
</li>
<li class="item-110"><a href="/lechebnaya-kosmetika/pitanie">Питание и стимулирование мышц, суставов и позво</a>
</li>
</ul>
</li>
<li class="item-111 current active"><a href="/bad">Бад</a>
<ul>
<li>test</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
можно ещё так
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
li ul {
display: none;
}
.active{
background-color: rgb(0, 255, 255);
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function() {
$(".left-menu ul.menu").on("mouseenter mouseleave", "li.active",
function(event) {
$('ul', this).stop(true, true)[event.type == "mouseenter" ? "slideDown" : "slideUp"](500)
})
});
</script>
</head>
<body>
<div class="left-menu">
<ul class="menu">
<li class="item-108 deeper parent">
<a href="/lechebnaya-kosmetika">Лечебная косметика</a>
<ul>
<li class="item-109"><a href="/lechebnaya-kosmetika/chernika">Черника лютеин форте</a>
</li>
<li class="item-110"><a href="/lechebnaya-kosmetika/pitanie">Питание и стимулирование мышц, суставов и позво</a>
</li>
</ul>
</li>
<li class="item-111 current active"><a href="/bad">Бад</a>
<ul>
<li>test</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
или вот так
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
li ul {
display: none;
}
.active {
background-color: rgb(0, 255, 255);
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function() {
$(".left-menu ul.menu").on({
"mouseenter": function(event) {
$('ul', this).stop(true, true).slideDown(500)
},
"mouseleave": function(event) {
$('ul', this).stop(true, true).slideUp(500)
}
}, "li.active")
});
</script>
</head>
<body>
<div class="left-menu">
<ul class="menu">
<li class="item-108 deeper parent">
<a href="/lechebnaya-kosmetika">Лечебная косметика</a>
<ul>
<li class="item-109"><a href="/lechebnaya-kosmetika/chernika">Черника лютеин форте</a>
</li>
<li class="item-110"><a href="/lechebnaya-kosmetika/pitanie">Питание и стимулирование мышц, суставов и позво</a>
</li>
</ul>
</li>
<li class="item-111 current active"><a href="/bad">Бад</a>
<ul>
<li>test</li>
</ul>
</li>
</ul>
</div>
</body>
</html>