jQuery: выпадающее меню onclick с элементами управления

Question

Я хочу создать меню (меню регистрации), см. this, чтобы получить представление об этом. Когда пользователь нажимает на эту кнопку/ссылку, появляется раскрывающееся меню, с помощью которого он может что-то сделать (здесь вход в систему).

Поведение звена должно быть следующее:

1. выпадающее меню должно появиться при нажатии на эту кнопку/ссылку.
2. при нажатии на любую страницу (включая кнопку/ссылку), но вне меню меню должно исчезнуть.
3. Если щелкнуть где-нибудь в раскрывающемся меню, меню не должно исчезнуть.
4. Все элементы управления в раскрывающемся меню должны работать.

Мне как-то удалось получить первые три рабочих, но затем элементы управления в раскрывающемся меню (4-е поведение) не работают.

Код javascript/jQuery вместе с кодом html предоставляется here (ссылка jsfiddle, такая же, как указано выше). Вы можете разветвить его и внести изменения.

Спасибо.

Answer 1

проверить это

http://thefinishedbox.com/files/freebies/loginfreebie/index.html

Скачать тха код

http://thefinishedbox.com/freebies/scripts/jquery-dropdown-login/

Answer 2

Я сделал вилку, что у вас есть на вашем jsFiddle: http://jsfiddle.net/DukyJ/

Если вы посмотрите на код Я просто добавил дополнительный div, чтобы иметь содержимое страницы, поэтому мне не нужно назначать клик даже ts ко всему телу только к этому div. Затем я удалил return false и stopProppagation и просто добавил '#' к ссылке в href, потому что это не было необходимо. И, наконец, просто добавлен какой-то стиль в ссылку signin и панель singin, чтобы вы могли видеть, что меню отображается над содержимым, так как я предполагаю, что вы хотите, чтобы он появился.