jquery切换 - 在切换功能之间切换？

Question

嘿伙计们， 我喜欢 jquery 的切换功能。然而目前我面临一个小问题，我不知道如何以最好的方式解决它。

我有一个名为 #searchbox 的 div，它取决于用户设置是隐藏还是可见。

如果我单击按钮就会触发切换功能，应该 .slideDown() #searchbox 或 .slideUp() 搜索框。

 //if already visible - slideDown
//if not visible - slideUp
$('#searchboxtrigger').toggle(
  function(){
    $('#searchbox').slideDown('fast');
  },
  function(){
    $('#searchbox').slideUp('fast');
  }
);

实际上它已经工作得很好了，唯一的事情是，toggle() 中的第一个函数总是首先被触发，所以如果 #searchbox 已经可见并且 SlidedDown 它应该立即触发 SlideUp 函数，反之亦然。

知道我必须做什么才能让它发挥作用吗？

Answer 1

$('#searchboxtrigger').click( function(){
    $('#searchbox').slideToggle('fast');
  });

Answer 2

更改代码以包含 stop()

描述：停止匹配元素上当前运行的动画。

//if already visible - slideDown
//if not visible - slideUp
$('#searchboxtrigger').toggle(
  function(){
    $('#searchbox').stop(true).slideDown('fast');
  },
  function(){
    $('#searchbox').stop(true).slideUp('fast');
  }
);