有多种手风琴的jQueryUI？

Question

我在某些标签中有3部手风琴，我的内容并未在下方显示正确的图片和代码，

<div id="tabs">
                      <ul>
                        <li><a href="#tabs-1">BREAKFAST</a></li>
                        <li><a href="#tabs-2">LUNCH</a></li>
                        <li><a href="#tabs-3">DINNER</a></li>
                      </ul>
                    <div id="tabs-1">
    <div id="accordion">
  <h3>Section 1</h3>
  <div>
    <p>
    Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
    ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
    amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
    odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
    </p>
  </div>

</div>

                    </div>

以上两个标签中的相同代码......

欢呼声，

Answer 1

将heightStyle option用于手风琴。您可以将其设置为"content"或"fill"，具体取决于所需的行为，请注意，最初关闭的标签不可见，因此它们没有高度。为标签设置一个高度可能是一个好主意，但这实际上取决于您的页面布局。标签小部件还有一个heightStyle option，您可能想要摆弄它。

示例：

$('#tabs').tabs();

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

Here's a jsfiddle