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

Question

我想在不使用max-height情況下轉換div max-height因為.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");
    });
});