3

我有一些图像在单击事件中打开它们各自的手风琴文本，我为此使用此代码并且工作正常：

脚本

$('#openfirst').click(function() {
  $(".accordion").accordion({
    active: 0
  });
});
$('#opensecond').click(function() {
  $(".accordion").accordion({
    active: 1
  });
});

HTML

<div class="large-3 columns">
    <p id="openfirst">
      <img class="imgs" id="img1" />
    </p>
</div>

ETC...

当您单击图像时，它会更改为不同的图像，我为此使用此代码并且工作正常：

脚本

var imgactive = $('.imgs');
imgactive.on('click', function(){
    imgactive.removeClass('active');
    $(this).addClass('active');
});

情况是手风琴非常适合自己，图像链接到手风琴并且工作正常（单击图像>图像背景更改并打开相应的手风琴），我的问题是我不知道如何链接手风琴与图像，因此在单击手风琴的情况下，其各自的图像也会发生变化。

感谢您的阅读，如果您能提供帮助.. 那太好了！

4

1 回答 1

1

您可以使用该activate事件，以便根据新的展开面板更改按钮图像/状态；文档：

在面板被激活后触发（动画完成后）。如果手风琴先前已折叠，则 ui.oldHeader 和 ui.oldPanel 将是空的 jQuery 对象。如果手风琴正在折叠，则 ui.newHeader 和 ui.newPanel 将是空的 jQuery 对象。

代码：

$(function () {
    $("#accordion").accordion({
        activate: function (event, ui) {
            alert($(ui.newHeader).attr("id"))
        }
    });
});

演示：http: //jsfiddle.net/IrvinDominin/7Ak94/1

于 2013-08-14T10:11:30.577 回答