如何在jquery中删除slideUp

Question

我想删除这些Slide up功能

$( document ).ready(function() {
    $("#tabBar ul.buttons > li > a").on("click", function(e){
        //if submenu is hidden, does not have active class
        if(!$(this).hasClass("active")) {

            // hide any open menus and remove active classes
            $("#tabBar ul.buttons li ul").slideUp(350);
            $("#tabBar ul.buttons li a").removeClass("active");

            // open submenu and add the active class
            $(this).next("ul").slideDown(350);
            $(this).addClass("active");

        //if submenu is visible
        }else if($(this).hasClass("active")) {

            //hide submenu and remove active class
            $(this).removeClass("active");
            $(this).next("ul").slideUp(350);
        }
    });
});

当我通过Jquery向身体添加另一个div时

$(document).ready(function(){
    $(".Collapse_menu").click(function(){
        $(".bodyStatic").toggleClass("collapse-body");
        //comment: here i want to add my code so that when i call collapse-body the top slide up function should remove
    });
});

我正在制作一个可折叠的菜单，这些图片可以帮助您更好地理解

Answer 1

这是我的尝试

if($(".bodyStatic").hasClass("collapse-body"))
{
    //DO NOTHING
}
else
{
    $(this).next("ul").slideUp(350);
}

//OR VICE VERSA

Answer 2

根据我的理解，每当你click .Collapse_menu ，你想要折叠水平扩展菜单以及关闭垂直打开的子菜单。 如果是这种情况，那么您可能想尝试下面的代码：

代码1：

$( document ).ready(function() {
    $("#tabBar ul.buttons > li > a").on("click", function(e){

        if($(".bodyStatic").hasClass("collapse-body"))
        {
            $(".bodyStatic").removeClass("collapse-body")
        }
        //if submenu is hidden, does not have active class
        if(!$(this).hasClass("active")) {

            // hide any open menus and remove active classes
            $("#tabBar ul.buttons li ul").slideUp(350);
            $("#tabBar ul.buttons li a").removeClass("active");

            // open submenu and add the active class
            $(this).next("ul").slideDown(350);
            $(this).addClass("active");

        //if submenu is visible
        }else if($(this).hasClass("active")) {

            //hide submenu and remove active class
            $(this).removeClass("active");
            $(this).next("ul").slideUp(350);
        }
    });
});

代码2：

$(document).ready(function(){
    $(".Collapse_menu").click(function(){
        $(".bodyStatic").toggleClass("collapse-body");

        var activeSubmenu = $("#tabBar ul.buttons > li > a.active"); //grab the active submenu if any
        //hide submenu and remove active class
        $(activeSubmenu).removeClass("active");
        $(activeSubmenu).next("ul").slideUp(350);
    });
});

请让我知道结果。