0

我正在尝试这样做，以便如果您单击“测试标题”它会隐藏测试内容，然后如果您单击“测试标题”它会再次显示它。

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() 方法来做到这一点，即使它并不理想？

4

1 回答 1

5

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

jQuery(this).next(".content_list_menu_items").toggle();
于 2013-03-04T15:55:46.380 回答