使用相同的可点击链接时显示/隐藏 Div？

Question

我最近遇到了这个脚本：

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("#showdiv").click(function(){
$(".dropdowndiv").slideDown(500);
});

$("#hide").click(function(){
$(".dropdowndiv").slideUp(500);
});

});

</script>

我用它来显示和隐藏页面顶部的 div，从而降低整个页面。该代码的工作原理很简单，您单击一个链接它会向下滑动页面以显示 div，您单击另一个隐藏 div 的链接，这一切都在进行滑入和滑出动作。我想知道是否有一种方法可以代替单击两个不同的链接，而可以使用第一个链接滑动打开并滑动 div 关闭？

您可以在我的 tumblr 上看到实时预览：cielprince.tumblr.com

Answer 1

你的意思是，使用slideToggle：

$("#showdiv").click(function () {
    $(".dropdowndiv").slideToggle("slow");
});

Answer 2

$("#showdiv").click(function () {
   $(".dropdowndiv").stop().slideToggle();
});

.stop 是为了防止重复点击时动画排队。