Расширяемое меню Javascript - пример кода? - PullRequest
1 голос
/ 09 декабря 2011

Я хотел бы знать, если кто-нибудь знает, как я могу реализовать что-то вроде следующего?

Вот пример ниже:

enter image description here

А когда вы нажимаете на плюс, меню расширяется:

enter image description here

Я гуглил и нашел немало меню. Но я ищу что-то, что имеет такую ​​функциональность +/-.

Ответы [ 3 ]

1 голос
/ 09 декабря 2011

Если бы я этим занимался, я бы сделал аккордеон jquery ui с одним div.По умолчанию они используют стрелку для переключения, но было бы тривиально изменить это. Вот учебник по изменению значков.Его можно бесконечно адаптировать с помощью API.

Самое большое преимущество в том, что если вы уже используете пользовательский интерфейс jQuery, вам больше нечего загружать.Вы также не можете победить ThemeRoller за стиль.

1 голос
/ 09 декабря 2011

Ничего сложного здесь нет :) Простой слайд-тоггл в jQuery (http://api.jquery.com/slideToggle/) привязан к клику на этом плюсовом изображении, и вы получите эффект:)

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

0 голосов
/ 09 декабря 2011

Если вы хотите использовать jQuery, вы можете использовать расширение TreeView

После того, как вы настроите HTML, он заработает с помощью одного простого вызова javascript.

$ ( "# yourDiv") TreeView ();.

http://docs.jquery.com/Plugins/Treeview

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...