У меня есть 2 <div>
с идентификаторами 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>
, который действует как кнопка переключения. Нажав кнопку переключения, боковая панель может скрыть влево, а div B
должна растянуться, чтобы заполнить пустое пространство. При втором щелчке боковая панель может снова появиться в предыдущей позиции, а div B
должен вернуться к предыдущей ширине.
Как это сделать, используя jQuery?