heightを0からautoにする際、transitionを効かせる方法

困った。
メインナビゲーションにホバーするとサブナビゲーションが出てくる使用にしたのだが、heightを0からautoにするとtransitionが効かない、、、

ってことでネットで探したらありました。解決方法が。

li{
    max-height: 0;    //常時表示させないために高さは0を指定
    
    -webkit-transition: max-height .3s;     //表示の速さを指定
	-moz-transition: max-height .3s;
    transition: max-height .3s;
}

ul li:hover ul li{
    max-height: 260px;    //表示された時の高さを指定
}

これを記述することで無事解決！

残念ながらheight: auto;ではtransitionが効かないみたい。
一つ勉強になりました。