丢失焦点时下拉菜单向上滑动

Question

我的网站上有一个侧边栏菜单，当在手机中时，它会变成一个“导航”面板，按下时会向下滑动。我的问题是，当我单击此导航按钮时，我希望“导航”菜单仅slide up，并且仅当。

当我关注搜索输入时，导航菜单会向上滑动，即在此导航菜单中，我无法输入任何内容。 （错误仅发生在手机上，在调整大小的桌面浏览器上正常运行）。

代码：

$(document).ready(function(){

$(document).on('click', ".sidebar-dropdown a", function(e){
  e.preventDefault();

  if(!$(this).hasClass("dropy")) 
  {
    // hide any open menus and remove all other classes
    $(".sidebar .sidebar-inner").slideUp(350);
    $(".sidebar-dropdown a").removeClass("dropy");

    // open our new menu and add the dropy class
    $(".sidebar .sidebar-inner").slideDown(350);
    $(this).addClass("dropy");
  }
  else
  {
    $(this).removeClass("dropy");
    $(".sidebar .sidebar-inner").slideUp(350);
  }
});

});

以下是该错误的示例（我在我的网站上使用此Bootstrap主题）：http://responsivewebinc.com/premium/metroking/