활성 클래스 추가/제거

Question

Ive가이 토글을 만들었지 만 토글을 클릭하여 클릭했을 때 내 < ul>에 '활성'클래스를 추가하는 방법을 여전히 알 수 있습니다. 일단 클래스를 닫으면.

Jsfiddle :

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

덕분에 어떤 도움 http://jsfiddle.net/0mpuh2f2/

가 여기 내 코드입니다.

Answer 1

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

Answer 2

당신은 그렇지 않으면 DOM의 모든 hidden-content DIV 선물을 전환됩니다, a 태그 옆에있는 hidden-content 사업부를 찾을 수 siblings를 사용하고 DIV에 대한 toggleClass()active 전환 클래스를 사용할 수 있습니다.

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

JSFiddle Demo

Answer 3

당신이 코드

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