jquery切换面板和自动调整div

Question

我有一个使用jquery切换和调整大小功能的要求。我需要在页面中显示3个div。第一个div是一个侧面pannel切换div。

当我切换侧面板div时，其他两个div应该在可用空间内自动调整。即，当第一个div折叠时，第二个和第三个div应占据整页，当第一个div展开时，另一个第二个和第三个div应调整大小并适合可用空间。

任何人都可以帮助我实现此功能。

Answer 1

尝试CSS。这很容易。

<style scoped>
#mainDiv{ width:100%; height:100%; }
#div1, #div2, #div3 { width:30%; height:30%; }

#div1{ background:black; }
#div2{ background:blue; }
#div3{ background:green; }

#div1:hover,#div2:hover,#div3:hover{ width:100%; height:100px;display:block; }
</style>


<div id="mainDiv">
    <div id="div1">&nbsp;</div>
    <div id="div2">&nbsp;</div>
    <div id="div3">&nbsp;</div>
</div>

添加转换可以解决您的问题。你几乎可以把它像ipad中的itunes currosel一样带来