JQuery手风琴?

时间:2014-02-28 20:17:10

标签: jquery jquery-ui

我手风琴有3个部分,我动态添加信息。我想将内容框的高度设置为内容,以便不滚动。我已经尝试了一切!

设置手风琴:

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

HTML:

 <section id="mainsection">
        <h3>Description</h3>
        <section>
            <p>
            A Here
            </p>
        </section>
        <h3>B</h3>
        <section>
            <p>
            B Here
            </p>
        </section>
        <h3>C</h3>
        <section>
            <p>
            C
            </p>
        </section>
   </section>

2 个答案:

答案 0 :(得分:0)

$(function() {
    $("#mainsection").accordion({
        autoHeight: true
    });
});

jsFiddle

答案 1 :(得分:0)

这个名为heightStyle: "content"的参数可以解决您的问题。

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