不使用最大高度的过渡高度

Question

我希望在不使用max-height的情况下转换.block-content的高度，因为max-height的高度可变。我使用max-height开始工作，但当内容大于max-height: 9999999px时，它没有正确显示。我也尝试使用.block-header，但也失败了。

当我点击.block-content .block-content节目时，我有Plunker这样的内容。

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

无论如何要实现这个目标吗？

Answer 1

你去JSFIDDLE。请仔细检查并告诉我......

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