jqueryアコーディオンがクリックされましたimg change toggle

Question

私はアコーデオンメニューグループを画像で構成しました。すべてのセクションが開始時に閉じられています。アコーディオンセクションの1つがクリック/開かれたときに、ちょうどクリックされたヘッダーイメージのイメージソースを変更します。これをアコーディオンにどのように追加できますか？前もって感謝します。

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