我需要.slideToggle来处理悬停(jQuery)

时间:2012-05-04 22:44:36

标签: jquery hover toggle slide

我有一个导航div,可以点击打开。我的客户想要打开div的链接链接到一个页面,然后在悬停时切换div(因此链接可以在点击时导致另一个页面)。

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

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

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

以下是该网站的链接:http://gearthirty.com(点击“超级链接”链接查看我正在谈论的内容)。

提前致谢!

1 个答案:

答案 0 :(得分:3)

<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>
相关问题