title: how can the sub-menu slide down from the sidebar when i just take my cursor to it
body: <p>I have made a sidebar on which if i click on any option than submenu slides down,but now i want if i just take my cursor to the menu option ,without clicking the sub-menu it should slides down
  js code:</p>
  
  <pre><code> $('.subMenu &gt; a').click(function(e)
      {
          e.preventDefault();
          var subMenu = $(this).siblings('ul');
          var li = $(this).parents('li');
          var subMenus = $('#sidebar li.subMenu ul');
          var subMenus_parents = $('#sidebar li.subMenu');
          if(li.hasClass('open'))
          {
              if(($(window).width() &gt; 768) || ($(window).width() &lt; 479)) {
                  subMenu.slideUp();
              } else {
                  subMenu.fadeOut(250);
              }
              li.removeClass('open');
          } else 
          {
              if(($(window).width() &gt; 768) || ($(window).width() &lt; 479)) {
                  subMenus.slideUp();         
                  subMenu.slideDown();
              } else {
                  subMenus.fadeOut(250);          
                  subMenu.fadeIn(250);
              }
              subMenus_parents.removeClass('open');       
              li.addClass('open');    
          }
      });
      var ul = $('#sidebar &gt; ul');
      $('#sidebar &gt; a').click(function(e)
      {
          e.preventDefault();
          var sidebar = $('#sidebar');
          if(sidebar.hasClass('open'))
          {
              sidebar.removeClass('open');
              ul.slideUp(250);
          } else 
          {
              sidebar.addClass('open');
              ul.slideDown(250);
          }
      });
  
  });`
  </code></pre>