如何在使用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();