jquery - 我需要 .slideToggle 来处理悬停（jQuery）

Question

我有一个导航 div，可以在点击时打开。我的客户希望打开 div 的链接链接到一个页面，并在悬停时切换 div（因此该链接可以在点击时指向另一个页面）。

这是我到目前为止的代码：

<script>
$(document).ready(function(){
   $("#drawer").hide();
   $(".toggle-drawer").show();

   $('.toggle-drawer').click(function(){
      $("#drawer").slideToggle();
   });  
});
</script>

这是该站点的链接：http: //gearthirty.com（单击“超级站点”链接查看我在说什么）。

提前致谢！

Answer 1

<script>
$(function(){ // DOM ready shorthand

  var $drawer = $("#drawer"); // Cache your elements
  var $togg   = $(".toggle-drawer");

  $drawer.hide();
  $togg.show();

  $togg.hover(function(){
     $drawer.stop().slideToggle();
  }); 

});
</script>