title: how to remove slideUp in jquery
body: <p>I want to remove these Slide up function</p>
  
  <pre><code>$( document ).ready(function() {
      $("#tabBar ul.buttons &gt; li &gt; 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);
          }
      });
  });
  </code></pre>
  
  <p><strong>when i add another div to the body by Jquery</strong></p>
  
  <pre><code>$(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
      });
  });
  </code></pre>
  
  <p>I am making a collapsable menu here are the images which helps you for better understanding</p>
  
  <p><a href="https://i.stack.imgur.com/jOePI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jOePI.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/RiUUz.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RiUUz.jpg" alt="enter image description here"></a></p>