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

Question

我有两个 childDIV包含在 parentDIV中。

正常情况下，第一个孩子是父母身高的30%，第二个孩子是70%

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

如何用 jQuery 实现这个？我可以用toggleClass这个吗？

Answer 1

像这样的东西：

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

我使用了像素高度，因为使用百分比高度有时会有点问题。