jQuery collapse bootsstrap和jQuery slide

Question

我有一個4行2列的頁面，每行都是一個bootstrap手風琴和另一列的圖片。當單擊標題時，手風琴打開（引導程序摺疊），圖像下方顯示隱藏的div（幻燈片jQuery）。

因此，與點擊2周的div開放（手風琴體+ DIV隱藏），這適用於當我用不同的ID爲手風琴所有4個手風琴，但他們保持開放。

當我用手風琴關閉手風琴的身體使用相同的ID時，我遇到了問題。

jQuery的幻燈片需要大概noConflict和點擊功能（的onClick是不是要我讀的地方的方式），另一種else語句。

我想要的是，點擊哪個標題並不重要，只有點擊的手風琴打開了+顯示圖像的隱藏div。

有沒有人在那裏.....誰可以幫忙。

function slide(slides) { 
$('.slidepic').each(function(index) { 
     if ($(this).attr("id") == slides) { 
      $(this).slideDown(200); 
     } 
     else { 
      $(this).slideUp(200); 
     } 
}); 
} 

該頁面的2行版本是在這裏：http://jsfiddle.net/SUpmn/1/

Answer 1

試試這個：

手段，得到了與jQuery的點擊事件處理程序的點擊。不要使用javascript：醜陋功能（）

$('.accordion-heading').click(function(){ 
$('.slidepic').each(function (index) { 
    if ($(this).attr("id") == slides) { 
     $(this).slideDown(200); 
    } else { 
     $(this).slideUp(200); 
    } 
}); 
}); 
}