title: slideDown/Up not work properly
body: <p>in the past days I switched my menu to mobile friendly version. Is nearly done so far, only one issue remains: I use jQuery slideUp and slideDown to make the submenus (in)visible. Unfortunately these don't work properly: The sliding is not smooth as it should be but very rapid. Using slideToggle instead didn't make things better. On the other hand the menu button that makes the complete menu visible slides fine; I'm using slideToggle here.
  My JS code:</p>
  
  <pre><code>$("#Navigation li.submenu").click(function () {
      if ($("#menu02 div#menu-icon").css("display") == "block") {
          if ($(this).hasClass("open")) {
              $(this).removeClass("open");
              $(this).children("ul").slideUp("slow");
              $(this).css("background-position", "right -100px")
          } else {
              $(this).addClass("open");
              $(this).children("ul").slideDown("slow");
              $(this).css("background-position", "right -170px")
          }
          return false;
      }
  });
  </code></pre>
  
  <p>My test page:
  <a href="http://ulrichbangert.de/indexr3.php" rel="nofollow">http://ulrichbangert.de/indexr3.php</a>
  (Resize the viewport to a small width until the menu has one column.)
  Best regards - Ulrich</p>