javascript - 失去焦点时下拉菜单向上滑动

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/