2011-06-28 34 views
0

另一個div可見我使用http://docs.jquery.com/UI/Accordion#overview如何更改手風琴更改事件

這是一個非常簡單的手風琴,沒有工作。我擁有的是我網站上的橫幅空間。我在橫幅左側有一個手風琴,我想讓右側顯示開放式手風琴選項卡的其他信息。

所以頁面打開時,手風琴默認爲第一個標籤,這將有一個額外的div右側打開。

當用戶點擊手風琴第二個選項卡,該選項卡滑開,而右側的div會更改爲相關DIV第二手風琴標籤等。

回答

0

類型來綁定change事件:accordionchange。

$(".selector").bind("accordionchange", function(event, ui) { 
    //use this variables to decide what new content to put in your right hand side 
    ui.newHeader // jQuery object, activated header 

}); 

http://docs.jquery.com/UI/Accordion#event-change

0

你可能會需要修改onclick句柄找到被點擊的元素(通過它的ID最有可能的),然後調用一個函數,這樣ID可以在另一個函數來確定在頁面右側顯示的內容)。目前手風琴使用這個這是一個直接引用元素,所以你會想考慮通過,或只是從它的ID。

jQuery(document).ready(function(){ 
    myFunction = function(ele){ 
    //my custom show/hide stuff here 
    }; 

    $('.accordion .head').click(function() { 
    $(this).next().toggle(); 
    myFunction($(this)); 
    return false; 
    }).next().hide(); 

});