问题与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