切换锚点以仅在第一个子对象中工作

Toggle anchor to work only in the first child?

本文关键字：第一个 对象 工作      更新时间：2023-09-26

我一直在努力让：".accorcon media types a"的第一个孩子工作。目前，每个主播都在切换和抓住"手风琴媒体类型"的风格，而它们应该是一个常规的链接，所以我只需要第一个来工作，这可能吗？

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);
});

提前感谢您的帮助！

您可以使用直接子选择器：.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);
});

请在此处阅读有关子选择器的信息。

还要注意，您可能希望只切换最近的li隐藏内容，而不是同时切换所有内容。

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

相关文章：