孩子的简单的jQuery切换(Simple jQuery Toggle of children)

2019-10-20 17:49发布

嗯,为什么没有worky? 试图切换的UL与此:

 $("#others").children(".btn").click(function(){
    if ($(this).children("ul").is(":hidden"))
    {
   $(this).children("ul").slideDown();
    } else {
   $(this).children("ul").slideUp();
    }
 });

和:

<div id="other">
 <div id="galleries">
  <a href="#" class="btn">Galleries >> </a>
  <ul id="select_gallery">
  ...
  </ul>
 </div>
 <div id="events">
  <a href="#" class="btn">Events >> </a>
  <ul id="select_event">
  ...
  </ul>
 </div>
</div>

Answer 1:

该UL是不是.btn它的兄弟姐妹,请尝试使用未来的孩子:

$("#other a.btn").click(function(){
    var ul = $(this).next("ul");
    if (ul.is(":hidden")) {
        ul.slideDown();
    } else {
        ul.slideUp();
    }
});


文章来源: Simple jQuery Toggle of children