jQuery手風琴在特定元素上點擊觸發器

Question

我有一個簡單的jQuery手風琴腳本的問題。我在這個頁面上使用它來列出一些事件：http://www.melisayavas.com/kush-project/

我遇到的問題是腳本崩潰時，用戶單擊包裝內的任何地方。我只需要在用戶點擊事件標題時摺疊腳本。

你可以看到這個的jsfiddle有同樣的問題：http://jsfiddle.net/mcDeE/

我使用的腳本的完整代碼可以在這裏找到：http://pastebin.com/hJEufLQU

這是HTML：

<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> 

Answer 1

我更新你的小提琴...這裏的變化：

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

和這裏的demo。