Archive for 九月 30th, 2009

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默认的编辑器代码缩进这些全都显示不了。