Подменю переключений при нажатии

Question

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

http://jsfiddle.net/itsbc/WeL6j/1/

Однако я не хочу, чтобы серый div - # 9e9e9e '#div' - был покрыт.Я понимаю, что причина этого в том, что я установил позицию содержимого фиксированной, однако, если я уберу атрибут позиции, подменю появятся ниже их соответствующего родителя;вместо того, чтобы располагаться полностью влево.

Заранее благодарен за любую помощь, Bc.

Answer 1

Похоже, вы ищете функциональность, похожую на вкладки jQuery. Проверьте разборный вариант: http://jqueryui.com/demos/tabs/#collapsible

Вам придется немного его расширить, чтобы контент не скользил, а отображался: пример:

http://jsfiddle.net/s6m7E/4/

Answer 2

Вы можете попробовать переключиться, метод jQuery: http://api.jquery.com/toggle/

Answer 3

Является ли http://jsfiddle.net/WeL6j/7/ тем, что вы хотели сделать? Если это так, я думаю, что проще всего разместить скрытые элементы ниже панели навигации, где они должны отображаться. Затем просто скрыть / отобразить как необходимый