如何切换两个div并更改div的高度以捕获主div的完整大小

Question

我有两个孩子DIV包含在父DIV 。

通常，第一个孩子是父母身高的30％，第二个孩子是70％

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

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

Answer 1

像这样的东西：

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

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