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

Question

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

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

当点击某个图标时，第二个孩子应该展开以填充父母高度的100％。

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

Answer 1

这样的事情：

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

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