Проблема разделения JQuery Split ⇐ Jquery

[Anonymous]

Я пытаюсь создать пару боковых панелей изменяемого размера, используя jQuery и jQueryUI (но это не совсем необходимо).

Проблема, с которой я столкнулся, заключается в том, что размер не изменяется должным образом. Правая боковая панель вызывает у меня проблемы, поскольку она меняет размер, левая работает совершенно нормально. Я хочу знать, как имитировать поведение левой боковой панели, чтобы она хорошо работала для правой боковой панели.

Я не знаю, как это исправить, рекомендовался Split.js, но я не могу заставить его работать. Мой проект простой и не требует сложной настройки, подойдет любая помощь.

$(function() { $(".left-sidebar").resizable({ ручки: «е», минШирина: 100, максимальная ширина: 500, }); $(".right-sidebar").resizable({ ручки: «ш», минШирина: 100, максимальная ширина: 500, }); }); тело, html { высота: 100%; маржа: 0; заполнение: 0; } .контейнер { дисплей: гибкий; высота: 100%; } .левая боковая панель, .правая боковая панель { фон: #f0f0f0; ширина: 300 пикселей; переполнение: скрыто; положение: относительное; } .основное содержание { гибкий: 1; фон: #e0e0e0; Содержимое левой боковой панели Основное содержание Содержимое правой боковой панели