直接上代码:
$('li.p1:has(ul)').click(function(event){
if (this == event.target) {
current = this;
$('ul#nav li:has(ul)').each(function(i) {
if (this != current) {$(this).children().slideUp(400);}
});
$(this).children("ul:eq(0)").slideToggle(400);
}
});
});
</script>
</head>
<body>
<div id="wrap">
<ul id="nav">
<li><a href="#url">Home</a></li>
<li class="p1 down">Products
<ul>
<li><a href="#url">Flashguns</a></li>
<li><a href="#url">Tripods</a></li>
<li><a href="#url">Filters</a></li>
</ul>
</li>
<li class="p1 down">Services
<ul>
<li><a href="#url">Printing</a></li>
<li><a href="#url">Photo Framing</a></li>
<li><a href="#url">Retouching</a></li>
<li><a href="#url">Archiving</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
其中的jquery的地址自己得换一个能够找到的,要不没有效果