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

发布于 2024-11-16 03:41:21 字数 785 浏览 3 评论 0原文

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

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>

原文

I have an accordion menu group made up of images. All the sections are closed at start, when one of the accordion sections is clicked/opened I want to change the image source of the just clicked header image and of course change it back later if the section is closed. How can I add this to the accordion? Thank you in advance.

The html and the jquery code:

$(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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

月朦胧 2024-11-23 03:41:21

$('.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);
});

$('.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);
});

回复收藏 0 原文