jQuery的手風琴自動高度問題：太多的空白/高度

Question

我知道這已經here之前已經問過，但我已經試過在該線程和類似職位的一切，不明白這一點。

$(function() { 
$("#notaccordion1").accordion({autoHeight: 'false', heightStyle: 'content', collapsible: true, active: false}); 
}); 

我的每個可擴展手風琴div在底部都有一堆空白。檢查小提琴：http://jsfiddle.net/pfeff/tH4rd/

Answer 1

手風琴CSS有相當多的填充周圍的div。你可以用你自己的CSS來覆蓋它。

.ui-accordion .ui-accordion-content { 
    padding-bottom: 0px; 
} 

小提琴

http://jsfiddle.net/tH4rd/1/

這同樣適用於，如果你想擺脫填充設置padding-top: 0px以及上面的空白。

更新

這是基於把你的第二個例子的更新。

在這裏，因爲你不使用你的手風琴段落裏面加微胖你不需要css。我所做的只是修改您的myAccordion功能，以便在新的打開手風琴部分時關閉剩餘的手風琴部分。 （這不是在這之前）

http://jsfiddle.net/tH4rd/3/

Answer 2

而且你原來的代碼設置autoHeight：「假」，該設置只對我的作品不帶引號所以可能已的所有空間的原因。