Question

我试图将高度设置为＆＃34; auto＆＃34;在下面的代码中，DIV可以根据内容调整其大小。不幸的是，这不起作用。（如果我在px中设置高度，则没有问题）。知道为什么以及如何解决这个问题？非常感谢

JS

$("a").click(function () {
    var page = $(this).data("page");
    if ($('div:animated').id != page) {
        var active = $(".fold.active");

        // if there is visible fold element on page (user already clicked at least once on link)
        if (active.length) {
            active.animate({
                width: "0"
            }, 200)
                .animate({
                height: "0"
            }, 200, function () {
                // this happens after above animations are complete
                $(this).removeClass("active");

            })

            // clicking for the first time
        }
        if (active.attr("id") != page) {
            $("#" + page)
                .addClass("active")
                .animate({
                height: "auto"
            }, 1000, 'linear')
                .animate({
                width: "200px"
            }, 400, 'linear')

        }
    }
});

Answer 1

您需要计算要发生的jQuery height的{{1}}

演示 - http://jsfiddle.net/7hcsv5dn/

animate()

高度设置为＆＃34; auto＆＃34;没有使用JS动画

1 个答案: