jQuery 折叠引导程序和 jQuery 幻灯片

Question

我有一个有 4 行和 2 列的页面，在每一行中都有一个引导手风琴和一个在另一列中的图像。当点击标题时，手风琴打开（引导折叠），并且带有图像的隐藏 div 显示在已经可见的图像下方（幻灯片 jQuery）。

因此，一键打开 2 个 div（手风琴体 + 隐藏 div），当我为手风琴使用不同的 id 时，这适用于所有 4 个手风琴，但它们保持打开状态。

当我对手风琴使用相同的 ID 来关闭手风琴主体时，我遇到了问题。

jquery 幻灯片可能需要一个 noConflict 和一个 click 函数（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

试试这个：

http://jsfiddle.net/SUpmn/4/

意味着，使用 jquery click-Event-Handler 获得点击。不要使用 javascript：uglyFunction()

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