javascript - 2つのdivを切り替え、divの高さを変更してメインdivのフルサイズをキャッチする方法

Question

親の中に2つの子DIVが含まれていますDIV。

通常、最初の子は親の身長の30％で、2番目の子は70％です。

特定のアイコンをクリックすると、2番目の子が拡大して、親の高さの100％を埋める必要があります。

jQueryでこれを実装するにはどうすればよいですか？これに使用できtoggleClassますか？

Answer 1

このようなもの：

$('.leftContainer .smallPicture').click(function(){
    $('.rightContainer').css('height', $('.mainDiv').height()+'px')
});

高さをパーセンテージで使用すると少し問題が生じる場合があるため、高さをピクセルで使用しました。