<div id="menu-list">
<ul>
<li class="explode" key="02_cat_and_goods" name="menu">商品管理
<ul>
<li class="menu-item"><a href="goods.php?act=list" target="main-frame">商品列表</a></li>
<li class="menu-item"><a href="goods.php?act=add" target="main-frame">添加新商品</a></li>
<li class="menu-item"><a href="category.php?act=list" target="main-frame">商品分类</a></li>
<li class="menu-item"><a href="comment_manage.php?act=list" target="main-frame">用户评论</a></li>
<li class="menu-item"><a href="brand.php?act=list" target="main-frame">商品品牌</a></li>
<li class="menu-item"><a href="goods_type.php?act=manage" target="main-frame">商品类型</a></li>
<li class="menu-item"><a href="goods.php?act=trash" target="main-frame">商品回收站</a></li>
<li class="menu-item"><a href="picture_batch.php" target="main-frame">图片批量处理</a></li>
<li class="menu-item"><a href="goods_batch.php?act=add" target="main-frame">商品批量上传</a></li>
<li class="menu-item"><a href="goods_export.php?act=goods_export" target="main-frame">
商品批量导出</a></li>
<li class="menu-item"><a href="goods_batch.php?act=select" target="main-frame">商品批量修改</a></li>
<li class="menu-item"><a href="gen_goods_script.php?act=setup" target="main-frame">生成商品代码</a></li>
<li class="menu-item"><a href="tag_manage.php?act=list" target="main-frame">标签管理</a></li>
<li class="menu-item"><a href="goods.php?act=list&extension_code=virtual_card" target="main-frame">
虚拟卡列表</a></li>
<li class="menu-item"><a href="goods.php?act=add&extension_code=virtual_card" target="main-frame">
添加新虚拟卡</a></li>
<li class="menu-item"><a href="virtual_card.php?act=change" target="main-frame">更改加密串</a></li>
<li class="menu-item"><a href="goods_auto.php?act=list" target="main-frame">商品自动上下架</a></li>
</ul>
</li>
<div>我想点击商品列表的时候把商品列表、增加商品隐藏掉,如果已经是隐藏的就显示出来?
这个用jquery怎么做
jQuery(function($) {
$("#menu-list .explode li:lt(2)").each(function(i){//小于2
$(this).css("display",$(this).css("display")=="block"?"none":"block")
});
});
$("#menu-list li[name=menu]").click(function() {
$("#menu-list .explode li").each(function(i) {//小于2
$(this).css("display", $(this).css("display") == "block" ? "none" : "block")
});
});
});
这是我写的
但是我发现一点商品列表,就把商品管理同级的元素下的li[class=menu-item]也操作了,我是想操作当前下的li[class=menu-item]
jQuery(function($) {
$(".explode").click(function(){
$(".menu-item").each(function(){
$(this).css("display",$(this).css("display")=="block"?"none":"block")
})
});
}); 不好意思 ~理解错了 。 。