1

我有一个有 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/

4

1 回答 1

0

尝试这个：

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);
    }
});
});
}
于 2013-11-20T09:39:14.633 回答