jQuery手风琴菜单（原创）

怎么修改器点击事件，不是点击li而是点击那个图标

风0
2017/12/12 17:25:21

如果只有图标有点击事件感觉不交互不是很友好

裂缝中的阳光0
2018/4/18 22:37:41
加个label，点图标和点击li一样的

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script type="text/javascript">
        $(".list_dt").on("click",function () {

            $('.list_dd').stop();
            // stop 方法停止当前正在运行的动画
            
            $(this).siblings("dt").removeAttr("id");
            // removeAttr 移除同胞的ID属性

            if($(this).attr("id")=="open"){
                // 如果ID == open
                $(this).removeAttr("id").siblings("dd").slideUp();
                //移除ID  同胞dd slideUp
            }else{
                $(this).attr("id","open").next().slideDown().siblings("dd").slideUp();
                //否则 添加ID open 返回他的同级ID为open的下一兄弟节点,并且上拉隐藏,同级dd slideUp
            }
        });
        $(".list_dd li").click(function(){
            $(this).addClass("addclassSlideUp");
            $(this).siblings().removeClass("addclassSlideUp");
            $(this).parents("dd").siblings("dd").find("li").removeClass("addclassSlideUp");
        })
    </script>

0分我贴代码了 加了个选中样式效果   感觉两个去除样式写的繁琐 有大神简化下吗

风0
2017/9/15 11:04:20

似乎可以这样：

$(".list_dd li").click(function() {
    $(".list_dl li").removeClass("addclassSlideUp");
    $(this).addClass("addclassSlideUp");
})