onclick="javascript:Fold(this)"
function Fold(obj){
if(obj.hasClass("展开的样式")){
this.removeClass("展开的样式").addClass("闭合的样式");
this.children("下级元素").hide();
}
else(
)
}
}
slidedown/slideup
https://github.com/shuxinqin/Ace/blob/master/src/DotNet/Chloe.Home/Views/Wiki/Document.cshtml 17行开始
大概效果像这样 http://www.52chloe.com/Wiki/Document
例如你的一级菜单都有一个class叫 li-first,它们的子菜单是一个ul,展开和关闭的图片class叫img-on和img-off。
那么应该这样写:
$(".li-first").click(function(){
$(this).children("ul").slideToggle(100);
})
图片你也随之替换,如果是关闭的就换成打开,否则就关闭。
$(function(){ $('li span').click(function(){ $(this).next('ul').toggleClass('hid'); }) }) 在样式里写: .hid{ display:none; }