javascript - slideToggle实现折叠菜单效果，但是怎么实现单击这个选项展开，其他选项自动折叠呢？

问题描述

问 题

想要实现的是折叠菜单，但是slidetoggle 只能单击才能收起来，我要的是单击别的选项，已经展开的自动折叠，请问怎么修改？
代码如下：
$("> li", this).each(function () {

            $(this).bind("click", function () {
                if($(this).hasClass('active')){
                    //$(".inner ol").hide();
                    //$(this).siblings("ol").slideToggle(settings.speed);
                    $(this).next("ol").slideToggle(settings.speed);
                    $(this).removeClass('active');
                }else{
                    $(this).siblings('li').removeClass('active');
                    //$(".inner ol").hide();
                    $(this).addClass('active')
                    $(this).next("ol").slideToggle(settings.speed);
                }
            });
        });
        //默认折叠
        $("> ol", this).hide();

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

$(this).siblings().slideUp()

这篇关于javascript - slideToggle实现折叠菜单效果，但是怎么实现单击这个选项展开，其他选项自动折叠呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！