как я могу создать вкладки подменю на основе jquery?

Я хотел бы создать навигационное меню на основе jquery, в котором мое главное меню находится слева, а при щелчке элементы подменю не должны отображаться в основной области содержимого на вкладках. Я могу добиться этого в Ext-js, но как это сделать с помощью jquery.

для например. если вы посетите http://www.trirand.com/blog/jqgrid/jqgrid.html и нажав на левое меню ... другие элементы отображаются справа ... но я не хочу использовать древовидную структуру вместо этого, я просто буду использовать вкладки или кнопки, а элементы подменю нужно изменить на нажимая пункты главного меню...

Может ли кто-нибудь направить меня к примеру?

Спасибо!!
редактирование: обновленный макет достигается с помощью ext js https://i.stack.imgur.com/y2ItQ.png


person paul    schedule 30.08.2010    source источник
comment
Вкладки jQuery UI делают именно то, что вам нужно: jqueryui.com/demos/tabs   -  person Pat    schedule 30.08.2010
comment
Спасибо! Пэт ... Я прошел учебник по вкладкам пользовательского интерфейса Jquery, но как я могу общаться с моим основным меню навигации слева ... кажется, это немного сложно ... какие-нибудь примеры, с которых я могу начать создание этого макета?   -  person paul    schedule 30.08.2010
comment
Я думаю, чтобы ответить на этот вопрос, нам понадобится пример кода (или, по крайней мере, идея вашего макета)   -  person Barrie Reader    schedule 01.09.2010
comment
пожалуйста, посмотрите изображение в моем вопросе... макет, который я сделал, используя библиотеку EXT-JS...   -  person paul    schedule 02.09.2010


Ответы (1)


Я не очень хорошо разбираюсь в jQuery, поэтому не могу дать вам хороший ответ. Но я пользуюсь этим сайтом, и у них есть куча руководств по меню, которые могут вам помочь. http://www.1stwebdesigner.com/resources/38-jquery-and-css-drop-down-multi-level-menu-solutions/

person Bill    schedule 02.09.2010
comment
Спасибо! Фил ... Я тоже использую этот сайт ... но мои требования немного отличались ... Я разместил свой макет компоновки EXT-JS ... Я легко достиг этого с помощью EXT-JS, но никогда не использовал jquery для любого макета, поэтому не уверен в том, как этого добиться .... - person paul; 02.09.2010