Как переключать (скрывать / показывать) div боковой панели с помощью jQuery

с идентификаторами 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;
}

У меня <идентификатор = "toggle"> переключатель , который действует как переключатель. При щелчке по кнопке-переключателю боковая панель может скрываться слева, а div B должен растягиваться, чтобы заполнить пустое пространство. При втором щелчке боковая панель может вернуться в предыдущее положение, а div B должен уменьшиться до предыдущей ширины.

Как это сделать с помощью jQuery?