添加/删除活动类以切换

Question

我已经创建了这个小切换，但我仍然在弄清楚如何添加一个类“活跃的”＃39;到我的＆lt; ul＆gt;当您单击以打开切换，并删除“活动”＆＃39;一旦你关闭它就上课。

Jsfiddle：http://jsfiddle.net/0mpuh2f2/

这是我的代码：

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

JS：

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

提前感谢任何帮助。

Answer 1

您可以使用siblings查找hidden-content标记旁边的a div，否则它将切换DOM中存在的所有hidden-content div并使用{{1为div翻转toggleClass()类。

active

<强> JSFiddle Demo

Answer 2

如果您想为链接添加活动类，请使用代码

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

Answer 3

YOUR UPDATED FIDDLE

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