Intereting Posts
проблемы с производительностью / шаблонами при использовании requirejs с JQuery, jQuery Mobile, Knockout и Sammy для создания структурированного приложения с помощью внешних шаблонов Добавить тег привязки внутри элемента списка Как отлаживать Javascript, который был загружен через AJAX (в частности, jQuery) $ (window) bind hashchange как проверить hash hashа? Звуковое событие HTML5 «прогресс» не стреляет Анимация нескольких маркеров jQuery: расширение элемента DOM с помощью настраиваемых методов Узнайте, где запрос Jquery ajax перенаправляется на PhoneGap (Cordova.js) и JQuery.Ajax не работают вместе Страница JQuery перемещается в начало по функции изменения флажка как анимировать элемент в ячейке таблицы по ячейке? Невозможно настроить календарные месяцы месяца Кендо с помощью Knockout Kendo JS Binding jQuery – Отключить поля формы загрузка шаблонов ручек асинхронно Ошибка петли через ответ JSON

Установите ширину содержимого на 100%, если боковая панель скрыта?

Заранее прошу прощения за моего бедного английского.

Итак, вот живой сайт, который у меня есть: http://bleachindonesia.com/forum/

Если вы заметили маленький X слева, это будет показать / скрыть боковую панель. JQuery работает нормально. Единственная проблема заключается в том, что ширина содержимого не будет расширяться (до 100%) / не будет заполнять пустое пространство, когда я скрою боковую панель (боковая панель оставила пустое место, когда скрыто).

Мне нужно, чтобы ширина содержимого составляла 100%, когда боковая панель скрыта, но сохраняя плавную анимацию. Возможно, понравится тот, что находится на форуме vBulletin .

Вот jQuery btw:

// 

Я знаю, что это раздутый, возможно, если есть способ минимизировать его, было бы очень полезно. Может ли кто-нибудь помочь?

    Вы можете просто настроить ширину content как часть ваших функций переключения. Что-то вроде:

     $('.lside').fadeOut(400, function(){$('#content').width("98%")}); $('.lside').fadeIn(400, function(){$('#content').width("76%")}); 

    В примере, который вы указали, они делают margin-right: 290px для области содержимого, показывая боковую панель и ширину боковой панели как 270px, а при их скрытии они делают margin-right: 0px; и ширина как 0px;

    использовать jquery для анимации поля – справа от содержимого и ширины боковой панели