如何使用jQuery在可见和隐藏之间切换，（切换，替换）元素？

Question

我正在努力使它如果你点击“测试标题”它会隐藏测试内容然后如果你点击“测试标题”它再次显示它。

http://jsfiddle.net/ahaz86/4asqs/

目前，我的代码将隐藏测试内容。我想要发生的是测试内容在可见和隐藏之间切换。

HTML：

<div class="content_list_container">
<div class="content_list_title" align="left">test header</div>
<div class="content_list_menu_items">
<ul>
    test
</ul>
</div>
</div>

jQuery的：

$(document).ready(
    function() {
        $(".content_list_title").click(
            function() {
                $(this).toggleClass("selected");  
                $(this).next(".content_list_menu_items").hide();
            }
        );
    }
);

尝试过使用.toggle（）方法，但它似乎无法在我的网站上运行。有没有办法使用show（）和hide（）方法来做到这一点，即使它不理想？

Answer 1

您可以使用toggle方法代替hide：

jQuery(this).next(".content_list_menu_items").toggle();