javascript - 如何切换两个 div 并更改 div 的高度以捕捉主 div 的全尺寸

Question

我有两个子 DIV 包含在一个父 DIV 中。

一般情况下，第一个 child 是 parent 高度的30%，第二个 child 是70%

当单击某个图标时，第二个子项应展开以填充父项高度的 100%。

如何使用 jQuery 实现它？我可以使用 toggleClass 吗？为此？

Answer 1

像这样:

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

我使用以像素为单位的高度，因为使用百分比形式的高度有时会有点问题。