我有两个id为A和B的
元素。div A具有固定的宽度,被视为侧边栏。
布局如下图所示:
样式如下:
html, body {
margin: 0;
padding: 0;
border: 0;
}
#A, #B {
position: absolute;
}
#A {
top: 0px;
width: 200px;
bottom: 0px;
}
#B {
top: 0px;
left: 200px;
right: 0;
bottom: 0px;
}
我有一个作为切换按钮的<a id="toggle">toggle</a>
。在点击切换按钮时,侧边栏可能会隐藏到左侧,而B
div应该拉伸以填充空白区域。在第二次点击时,侧边栏可能会重新出现在之前的位置,B
div应该恢复到先前的宽度。
如何使用jQuery完成这个操作?