как удалить slideUp в JQuery

Question

Я хочу, чтобы удалить эти Задвиньте функцию

$(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); 
     } 
    }); 
}); 

, когда я добавить еще один DIV к корпусу с помощью Jquery

$(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, вы хотите, чтобы свернуть по горизонтали расширенное меню, а также закрыть вертикально открыто подменю. Если это так, то вы можете попробовать ниже код:

code1:

$(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); 
    }); 
}); 

Пожалуйста, дайте мне знать результат.