嵌套标签中的古怪手风琴

时间:2014-10-01 09:21:52

标签: jquery

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

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

http://jsfiddle.net/1Lxv4ob2/

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

2 个答案:

答案 0 :(得分:2)

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

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

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

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

Example

答案 1 :(得分:0)

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

min-height:100px;

这对我有用。