JQuery Slideout работает только на одной стороне страницы?

Question

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

Точная проблема в том, что он выдвигается дальше, чем ширина его контейнера.

Пример на http://demindu.com/sandbox/slideout/. Я, безусловно, буду признателен за любые советы в правильном направлении.

Answer 1

Попробуйте изменить это:

div.sub-menu-content { позиция: относительная; background: url (../ img / sub-menu.png) 0 0 без повтора; ширина: 300px; высота: 40px; цвет: #FFF; начертание шрифта: смелее; }

К этому:

div.sub-menu-content { позиция: абсолютная; справа: 0; background: url (../ img / sub-menu.png) 0 0 без повтора; ширина: 300px; высота: 40px; цвет: #FFF; начертание шрифта: смелее; } * +1010 *

Затем вам нужно взглянуть на код, который дает div "sub-menu-slide rinner" margin-right 275px. Сделайте так, чтобы получилось 250px, и вы должны вернуться на путь.