Question

我一直在尝试制作 - 第一个孩子：＆＃34; .accordion-media-types a＆＃34;上班。目前，每个主播都在切换和抓住＆＃34; .accordion-media-types＆＃34;虽然他们应该是一个常规的链接，所以我只需要第一个工作，是否可能以某种方式？

http://jsfiddle.net/0mpuh2f2/8/

HTML：

 <ul class="accordion-media-types">
    <li>    
        <a href="">Info</a>
        <div class="hidden-content">
           <ul>
              <li>
                 <a href="">link</a>
              </li>
           </ul>
        </div>
    </li>
</ul>

JS：

$(document).on('click', '.accordion-media-types a', function (e) {
   e.preventDefault();
   $(this).closest('.accordion-media-types').toggleClass('active').find('.hidden-   content').slideToggle(500);
});

提前感谢您的帮助！

Answer 1

您可以使用直接子选择器：.accordion-media-types > li > a：

$(document).on('click', '.accordion-media-types > li > a', function (e) {
    e.preventDefault();
    $(this).closest('li').toggleClass('active').find('.hidden-content').slideToggle(500);
});

了解儿童选择器here。

另请注意，您可能只想切换最接近的li隐藏内容，而不是一次切换所有内容。

切换锚只能在第一个孩子中工作？

1 个答案:

演示：http://jsfiddle.net/0mpuh2f2/11/