jquery菜单缩进
终于搞定了收缩菜单,用的是jquery.
jquery代码:
$(document).ready(function(){
$(“.termmenu li ul”).slideUp(“fast”);//加载时收缩所有二级分类
$(“.termmenu li”).click(function (event) {//一级分类点击
var i=0; //定义一个变量来判定此一级分类下面是否存在二级分类
$(“.termmenu li ul”).slideUp(“fast”); //点击后将所有已展开的二级分类收缩掉,但是这句话存在着判定问题会把.termmenu li ul li也会用这句话来执行
$(this).children(“ul”).each( //进入二级分类执行
function(){
$(this).css(“margin-left”,”200px”); //改变ss代码
$(this).show(“slow”); //显示
i=1;
});
if(i){
return false; //不再执行默认的操作即单击事件,也可以用event.preventDefault();
};
});
});
$(document).ready(function(){
$(“.termmenu li ul li”).click(function (event) { //因为上面判定的问题,所以加上这个,取消event.preventDefault();
event.stopPropagation();
});
});
div层结构:
<ul class=”termmenu”>
<li>
<ul>
<li></li>
<li></li>
</ul>
</li>
<li>
</li>
<li>
</li>
<ul>
<li></li>
</ul>
</ul>
ps:
哪里有好的显示代码的wordpress插件呢……wp默认的编辑器代码缩进这些全都显示不了。