특정 요소에서 jQuery 아코디언 클릭 트리거

Question

간단한 jQuery 아코디언 스크립트에 문제가 있습니다. 이 페이지에서 몇 가지 이벤트를 나열하려면 다음을 사용하십시오. http://www.melisayavas.com/kush-project/

문제점은 사용자가 래퍼 내부의 아무 곳이나 클릭 할 때 스크립트가 축소된다는 것입니다. 사용자가 이벤트의 제목을 클릭 할 때만 접어야하는 스크립트가 필요합니다.

같은 문제가이 jsfiddle을 볼 수 있습니다

: http://jsfiddle.net/mcDeE/

내가 사용하고 스크립트의 전체 코드는 여기에서 찾을 수 있습니다 :

<div id="va-accordion" class="va-container" style=""> 
    <div class="va-wrapper"> 
     <div class="va-slice" style="opacity: 1;"> 
      <div class="va-title" style=""> 
       <h2>Relationship, 26 February 2013</h2> 
      </div> 
      <div class="va-content" style="display: block;"> 
       <div class="event-left"></div> 
       <div class="event-right"></div> 
      </div> 
     </div> 
     <div class="va-slice" style="opacity: 0.2;"> 
     <div class="va-slice" style="opacity: 0.2;"> 
    </div> 
</div> 

: 이것은 HTML입니다 http://pastebin.com/hJEufLQU

Answer 1

나는 당신의 바이올린을 업데이트합니다 ... 여기 변경 :

$(function() { 
    $('#va-accordion').vaccordion(); 
    $(".va-content").click(function(e) { 
     e.stopPropagation();      
    }); 
}); 

그리고 여기서 demo.