Jquery를 토글 디스플레이로 전환하는 방법

Question

답변을 표시하는 토글을 설정하는 FAQ 페이지를 만들고 있습니다.

여기

$(document).ready(function() { 
    $('.faqlink').click(function() { 
     $('.hiddenFAQ').hide(); 
     $(this).next('.hiddenFAQ').show(); 
    }); 
}); 

CSS의

.hiddenFAQ { 
    display:none; 
} 

그리고 HTML 지금이 표시됩니다

<a class="faqlink" href="#">Link 1</a> 

    <div class="hiddenFAQ"><p>lorem ipsum</p></div> 

하지만 유일한 방법은 그것이 멀리 갈 수 있도록 JQuery와있다 페이지를 새로 고침합니다. 대신 어떻게 토글 할 수 있습니까? 대신 감사

Answer 1

사용 .toggle() :

$(document).ready(function() { 
    $('.faqlink').click(function() { 
     $(this).next('.hiddenFAQ').toggle(); 
    }); 
}); 

jsFiddle example