jquery - jQuery代码崩溃？

Question

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

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

谢谢！

Answer 1

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

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

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

Answer 2

.toggle()不使用.animate()。切换使您也可以将其关闭。

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

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

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