Как реализовать выпадающие меню, как показано ниже?

Question

http://losangeles.kijiji.com/c-SelectCategory

Меню поиска этой страницы в левом верхнем углу.

Лучше всего с jQuery.

Answer 1

Вам не нужен jQuery для этого. Вы можете использовать обычный 'ol CSS .

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

1. Горизонтальное раскрывающееся меню CSS
2. Простое раскрывающееся меню JavaScript (если вы действительно хотите, чтобы на основе JavaScript.)
3. jQuery Раскрывающееся меню (Написано с jQuery, если вам это нравится ..)
4. Еще один в jQuery + CSS с очень хорошими примерами и справкой по нему.
5. Вы также можете проверить эту страницу, на которой вы найдете код для выпадающего меню jQuery (см. Ссылку на другие плакаты)

Answer 2

Для действительно простого и легкого решения, проверьте раскрывающиеся списки Сын Suckerfish . Глупое имя, но очень элегантное. Он использует псевдокласс :hover для выполнения своей магии.

Answer 3

есть пример проблемы с наведением курсора jQuery для лучшего вида меню css