jQuery代码崩溃？

Question

我不是 jquery 和 javascript 方面的专家。我想知道您是否知道一些使用内容底部的图形按钮展开/折叠的代码？

我有一个示例链接：http://www.longhollow.com - 当您点击顶部的“时间和位置”时 - 您会看到内容从顶部展开。我真的很想有类似的代码。如果您可以将代码分享给我，我会非常感激。

谢谢！

Answer 1

您可以使用.toggle() 显示或隐藏匹配的元素。

小提琴示例：http://jsfiddle.net/JDHpn/

参考：http://api.jquery.com/toggle/

Answer 2

使用.toggle() 而不是.animate()。 Toggle 使您也可以将其关闭。

假设您有一个 div.button，当您单击它时，您希望 div.field 在单击时展开（切换）。

$(document).ready(function() {
    $('div.button').click(function(){
        $('div.field').toggle();
    });
});

检查 jQuery API：http://api.jquery.com/toggle/