javascript - 使用相同的可点击链接时显示/隐藏 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，同时进行滑入和滑出 Action 。我想知道是否有一种方法可以使用拳头链接滑动打开并滑动关闭 div，而不是单击两个不同的链接？

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

Answer 1

你的意思是，使用 slideToggle :

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