jQuery collapse bootsstrap и jQuery slide

Question

У меня есть страница с 4 строками и 2 столбцами, в каждой из этих строк находится бутстрап-аккордеон и изображение, которое находится в другом столбце. При щелчке заголовка открывается аккордеон (сбой бутстрапа), а скрытый div с изображениями отображается под уже видимым изображением (слайд jQuery).

Таким образом, одним щелчком мыши открывается 2 divs (аккордеонное тело + скрытый div), это работает для всех 4-х аккордеонов, когда я использую разные идентификаторы для аккордеонов, но они остаются открытыми.

Когда я использую тот же идентификатор для аккордеонов для закрытия тела аккордеона, у меня проблемы.

В слайде jquery, вероятно, есть функция noConflict и функция click (onClick - это не путь, который я читаю где-то) и другое заявление.

Что я хочу, так это то, что не имеет значения, какой заголовок вы нажимаете, только щелчок аккордеона открывается + скрытый 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: uglyFunction()

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