問題與jQuery的手風琴

Question

我已經初始化了以下方式的手風琴。

<script> 
$(function() 
    $("#accordion").accordion({ 
    autoHeight:false}); 
}); 
</script> 

一切正常，除了下面的內容精細擴大其含有比第一個更hieght一節時，不向下移動。

看到它在實時的URL是http://thephpcode.com/index.php/web/setting_issue

試圖展開最後一節，看看在不動向下跌破手風琴的按鈕。它出現在手風琴展示臺上。請幫我解決這個問題。

Answer 1

解決的辦法是：如果你想選擇的默認特定項目http://accordion-cd.blogspot.com/

：

$("#accordion").accordion({ 
heightStyle: "content" 
}); 

Answer 2

你也可以試試這個插件。 也有很多選項可用於自定義您的要求。

參數來傳遞插件：

heading : null //mandatory to provide Heading tag to attach event 
content : null //mandatory to provide Content to show/hide 
headingEvent : "click" //Attach Event 
active : 0 //By default visible element 
callapsAll : false //to hide all on page load 
expandAll : "expandAll" //Element name on Expand All Functionality attached 
collapsAll : "collapsAll" //Element name on Collapse All Functionality attached 
headingClass : "accordion-header" //Accordion Heading Class 
contentClass : "accordion-content" //Accordion Content Class