嵌套選項卡中的古怪手風琴

我有嵌套的選項卡，其中包含無法正常工作的手風琴。嵌套選項卡中的古怪手風琴

有人知道爲什麼嗎？標題的行爲如預期，但沒有內容顯示。

$(function() { 
    $("#tabs").tabs({ show: 'fade', hide: 'fade' }); 
    $("#tabs2").tabs({ show: 'fade', hide: 'fade' }); 
}); 
$(function() { 
    $("#accordion").accordion(); 
});

來源

2014-10-01 user1405195

那裏的內容，但你需要滾動才能看到它。 – Catwood 2014-10-01 09:29:04

你需要扭轉你啓動標籤和手風琴的順序：

$(function() { 
    $("#accordion").accordion(); 

    $("#tabs").tabs({ show: 'fade', hide: 'fade' }); 
    $("#tabs2").tabs({ show: 'fade', hide: 'fade' }); 
});

如果您設置選項卡第一，手風琴將被隱藏起來的jQuery不能計算手風琴內容的高度，以便將其高度設爲零

Example

和

來源

2014-10-01 09:29:45 Pete

幹得好。：）謝謝。 – user1405195 2014-10-01 09:33:51

這解釋了爲什麼您可以滾動查看內容。 +1 – Catwood 2014-10-01 09:35:00

好點。我沒有注意到這一點。 – user1405195 2014-10-01 09:39:54

使用CSS的最低高度添加到您的內容的div

min-height:100px;

這爲我工作。

來源

2014-10-01 09:31:50 Catwood

嵌套選項卡中的古怪手風琴

回答

相關問題