2014-03-13 23 views
0

我正在調整爲每個標題使用h3的手風琴,並列出了其中的內容。我試圖在項目未打開時添加一個加號,而當它打開時爲減號。編輯腳本時我有過一些運氣,但它檢測到任何項目都是開放的,而不僅僅是被點擊的項目。Accordion的加號/減號 - ID或數組?

我不確定我是否需要每個h3上的唯一ID或某種數組。任何幫助讚賞。

$(document).ready(function(){ 
$("#accordian h3").click(function(){ 
    //slide up all the link lists 
    $("#accordian ul ul").slideUp(); 
    $("#accordian h3").css('backgroundImage', 'url(images/plus.png)'); 
    //slide down the link list below the h3 clicked - only if its closed 
    if(!$(this).next().is(":visible")) 
    { 
     $("#accordian h3").css('backgroundImage', 'url(images/minus.png)'); 
     $(this).next().slideDown(); 

    } 
}) 

})

+0

你好,如果你添加一些代碼[的jsfiddle(http://jsfiddle.net這個問題將是超快修復)例如 –

+0

非唯一ID不會是ID; -P –

+0

這裏是jsfiddle與我的一些代碼...只是想象實際加號和減號是否存在= p http://jsfiddle.net/jY6Mf/ – user1945838

回答

0

這一行

$("#accordian h3").css('backgroundImage', 'url(images/minus.png)'); 

您要添加的減號圖標全部H3包括一個你只要按一下,用 '這'

改變選擇
$(this).css('backgroundImage', 'url(images/minus.png)'); 

其中'this'是您點擊的H3

演示(我刪除所有添加的jQuery代碼)

http://jsfiddle.net/jY6Mf/3/