Создание сайтов и веб-программирование

Как сделать выпадающий список


← заложи эту тему или зарегистрируйся

Добрый день товарищи.

Кинте пожалуйста в меня ссылкой или подскажите пожалуйста код такой фичи, как выпадающий список.

Имею ссылки в ряд, и при нажатии на 1-ю под ними открывается содержимое (выпадает) при нажатии на 2-ю 3-ю итд происходит то-же самое...

Например:

Ссылка 1 | Ссылка 2 | Ссылка 3

------------------------------------------
Содержимое при нажатии на ссылку 1
------------------------------------------

  

Это реализуется при помощи технологии Ajax или Jquery. В первом случае, если ты хочешь сделать, что-то наподобие "табов", где содержимое всех 3-х ссылок загружается сразу, а при нажатии на ссылку пользователем "лишнее" обращение к серверу не происходит.

Пример реализации можешь посмотреть по ссылке http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/. Недостатком Ajax-технологии является, то что текст внутри скрытых блоков не индексируется поисковиками.

Второй случай, когда ты хочешь сделать развернутое меню. Это позволяет реализовать Jquery. По ссылке http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/ можешь посмотреть урок по созданию такого меню.

  
1
Ищу бесплатный html-редактор Как сделать выпадающий список Проблема с таблицей в блочной верстке