ul, ul ul {
list-style-type:none;
margin: 0;
padding: 0;
width: 15em;
}
ul a {
display: block;
text-decoration: none;
}
ul li {
margin-top: 1px;
}
ul li a {
background: #333;
color: #fff;
padding: 0.5em;
}
ul li a:hover {
background: #000;
}
ul li ul li a {
background: #ccc;
color: #000;
padding-left: 20px;
}
ul li ul li a:hover,ul li ul .current a {
background: #aaa;
border-left: 5px #000 solid;
padding-left: 15px;
}
哈哈
$(function(){
$("#aa").click(function(){
$("#zz").show();
$("#bb").show();
$("#bb").animate({left:'100px'});
$("#bb").animate({left:'0px'});
});
$("#zz").click(function(){
$("#bb").animate({left:'-240px'});
$("#zz").hide();
});
$('#bb ul li ul').hide();
$("#bb ul li a").click(function(){
var a= $(this);
var nextobj=a.next();
if(nextobj.is("ul")){
$('#bb ul li ul:visible').slideUp('normal');
if(!nextobj.is(':visible')){
nextobj.slideDown('normal');
}
return false;
}
});
});