javascript - 不使用max-height的过渡高度

Question

我想在不使用 max-height 的情况下转换 div 的高度，因为 .block-content 具有可变高度。我使用 max-height 使其正常工作，但是当内容大于 max-height 时，它无法正确显示。我也尝试过使用 max-height: 9999999px 但也失败了。

我有这样的东西Plunker当我点击 .block-header 时，.block-content 显示。

我想要的是转换 .block-content，使其看起来像是从 .block-header 滑入。

有什么办法可以实现吗？

Answer 1

给你 JSFIDDLE .请查清楚再告诉我...

$(document).ready(function(){
    $(".block-header").click(function(){
        $(".block-content").slideToggle("slow");
    });
});