嵌套标签中的古怪手风琴

Question

我有包含手风琴的嵌套标签，但没有正常工作。

有人知道为什么吗？标题符合预期，但不显示任何内容。

http://jsfiddle.net/1Lxv4ob2/

$(function () {
    $("#tabs").tabs({ show: 'fade', hide: 'fade' });
    $("#tabs2").tabs({ show: 'fade', hide: 'fade' });
});
$(function () {
    $("#accordion").accordion();
});

Answer 1

您需要撤消启动标签和手风琴的顺序：

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

    $("#tabs").tabs({ show: 'fade', hide: 'fade' });
    $("#tabs2").tabs({ show: 'fade', hide: 'fade' });
});

如果您先设置标签，手风琴将被隐藏，因此jquery无法计算手风琴内容的高度，因此会给它一个零高度

Example

Answer 2

使用css为内容的div添加最小高度

min-height:100px;

这对我有用。