我有一个由图像组成的手风琴菜单组。所有部分在开始时都是关闭的,当点击/打开其中一个手风琴部分时,我想更改刚刚点击的标题图像的图像源,当然,如果该部分关闭,稍后会将其更改回。我怎样才能把这个加到手风琴上?提前谢谢。
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>
$('.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);
});
不确定这是否是你的确切外观,但这里有一个我开发的名为Slidorion的jQuery插件,它结合了图像滑块和手风琴。可能值得一看:
http://www.slidorion.com