将高度设置为jQuery UI手风琴

Question

我正在使用jQuery UI手风琴。

$(function() {
    $( "#accordion" ).accordion({
        collapsible:true,
        active : 'none',
        autoHeight: false,
         navigation: true
        });
  });

并使用CSS

#accordion
{
    width:70%;
    height:400px;
    padding-top:80px;
    padding-left:100px;
}

但是我的第一个手风琴div的内容很长。所以当我打开那个div/header时，手风琴会超出页脚。如何为手风琴设置高度？

- HungryDB

---

你能设置一个 Fiddle 吗？ - Shashank

使用类.ui-accordion。 - Pranav C Balan

你想将高度应用于特定的选项卡内容还是整个手风琴？ - Arun P Johny

我只有两个选项卡，所以可以选择选项卡内容或整个手风琴。 - HungryDB

Answer 1

那就试试吧

#accordion .ui-accordion-content {
    max-height: 200px;
}

演示：Fiddle

- Arun P Johny

---

谢谢，它有效了。你能告诉我如何设置选项卡内容的高度吗？ - HungryDB

@HungryDB 你可以使用 ui-tabs-panel 类。 - Arun P Johny