Question

我有一个由图像组成的手风琴菜单组。所有部分在开始时关闭，当点击/打开其中一个手风琴部分时我想要更改刚刚单击的标题图像的图像源，当然如果该部分关闭则稍后将其更改回来。我怎样才能将它添加到手风琴中？提前谢谢。

html和jquery代码：

$(document).ready(function () {
$("#accordion").accordion({
    collapsible: true,
    active: false,
    header: '.head',
    autoHeight: false,
});

}）;

<div id="accordion">
<div class="head"><a href="#"><img id="head1" src="images/Header1_closed.png" border="0" /></a></div>
<div><img src="images/accordPart3.png" /></div>
<div class="head"><a href="#"><img id="head2" src="images/Header2_closed.png" border="0" /></a></div>
<div><img src="images/accordPart5.png" /></div>

Answer 1

$('.head').click(function() {
  var img = $(this).find('img');
  var url = (img.attr('src')=='images/Header1_closed.png') ? 'images/Header1_open.png' : 'images/Header1_closed.png';
  img.attr('src',url);
});

Answer 2

不确定这是不是你的确切看法，但这里是我开发的一个名为Slidorion的jQuery插件，它结合了图像滑块和手风琴。可能值得一试：

http://www.slidorion.com

jquery手风琴点击标题图片更改切换

2 个答案: