Скрыть и показать правую боковую панель

Итак, я пытаюсь создать javascript или запрос, чтобы скрыть div правой боковой панели. Это оказалось намного сложнее, чем я ожидал, но я близок к этому.

Я создал правую боковую панель скрытия/отображения, которая выдвигается при нажатии, а затем возвращается на полную ширину при повторном нажатии кнопки.

Проблема: при нажатии «Скрыть»: боковая панель выдвигается на «ширину: 10 пикселей;» и контент должен быть margin-right:10px; При нажатии «Показать»: боковая панель скользит, чтобы быть шириной: 200 пикселей; и содержимое, которое нужно сдвинуть назад, к 'margin-right:200px;

Я создал JS Fiddle, чтобы показать:

http://jsfiddle.net/6uVvF/

Я пытаюсь создать анимированную версию правой боковой панели лицевых книг. Вот еще один пример: http://www.sidlee.com/

Спасибо.


javascript sidebar jquery jquery-animate
person Guy Lepage    schedule 05.04.2012    source источник
comment
извините, вы скажете мне, что вы хотите сделать?   -  person letsnurture    schedule 05.04.2012
comment
Да, если бы вы объяснили немного лучше, я мог бы помочь.   -  person Sherwin Flight    schedule 05.04.2012
comment
Хороший слайдбар, я пока не видел никаких проблем   -  person safarov    schedule 05.04.2012

Ответы (1)


arrow_upward
1
arrow_downward

Таким образом, я смог создать эффект скольжения и затухания на боковой панели.

Это позволяет мне скрыть боковую панель. У меня есть Javascript, который анимирует каждый элемент до 0. Но это работает хорошо.

Смотрите рабочую версию здесь:

http://jsfiddle.net/glepage/6uVvF/

person Guy Lepage    schedule 17.04.2012