Селектор Jquery (не) / Горизонтальный Аккордеон

Question

www.brianvargo.com / test.html

Я работаю над гармошкой с панелями разной ширины - выбранная панель занимает 50% окна, а затем убирает мышью до первоначальной ширины при наведении мыши.

Сейчас я пытаюсь сжать все остальные панели аккордеона, когда одна из них выбрана, так что вы все равно можете видеть весь контент, но пропорциональные отношения остаются подходящими.Другими словами, достижение эффекта, подобного этому:

http://www.scriptiny.com/2008/05/horizontal-javascript-accordion-menu/

... но используя диалог jquery, над которым я работал, я могу поддерживать панели различных размеров.

Есть идеи?www.brianvargo.com/test.html

Answer 1

Глядя на свой код в animated-menu.js, вы только анимируете (увеличивая ширину) наведенный элемент. В то же время вам также необходимо уменьшить ширину соседнего элемента, чтобы было достаточно свободного пространства для элемента, чтобы он соответствовал доступной ширине экрана.