jquery аккордеон нажал на заголовок

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

не уверен, что именно из этого вы смотрите, но вот плагин jQuery, который я разработал под названием Slidorion, который сочетает в себе слайдер изображений и аккордеон.Может стоит проверить:

http://www.slidorion.com

Answer 2

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