jquery accordion點擊標題img change toggle

我有一個由圖像組成的手風琴菜單組。所有部分在開始時都會關閉，當其中一個手風琴部分被點擊/打開時，我想更改剛剛點擊的標題圖像的圖像源，當然如果部分關閉，則會將其更改回來。我怎樣才能將其添加到手風琴？先謝謝你。jquery accordion點擊標題img change toggle

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>

來源

2011-06-17 reinhat

我相信「打開」部分有類'UI狀態，active'。你應該可以根據它來操縱它。 – kei

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

來源

2011-06-17 20:09:36 js1568

這如何在所有不同的head ID上工作？它將所有head ID更改爲相同的圖像。我需要他們改變每個點擊的特定的一個。 – reinhat

不知道如果這是你究竟從尋找，但這裏有一個jQuery插件，我開發了名爲Slidorion它結合和圖像滑塊和手風琴。可能是值得一試：

http://www.slidorion.com

來源

2011-10-26 01:17:39 hollandben

jquery accordion點擊標題img change toggle

回答

相關問題