выпадающий список slidetoggle()

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

Для начала подключим библиотеку jQuery. Если она у вас уже подключена, этот шаг можно пропустить.

Итак, имеем задачу: сделать выпадающий список, который можно видоизменять как угодно силами CSS. При выборе одного из пунктов менять текст рядом с полем в зависимости от выбранного пункта. При этом оставить выпадающий список похожим на классический, чтобы не путать посетителя. Для примера возьмем список точек самовывоза для интернет-магазина. При выборе города текст в определенном месте сменится и там будет показан адрес пункта выдачи и график его работы. Задача ясна? Тогда берем ручки и тетрадки и в путь.

Странно, зачем делать что-то со списком, когда у нас есть классический <select>, с которым можно делать что угодно, даже стили менять, спросите вы. И будете правы. Но с помощью CSS не всегда можно сменить стиль для списка так, как нам хочется.

Всем привет, друзья. Надеюсь, этот блог не станет заложником одной сферы деятельности программирования. Ведь я занимаюсь не только кодингом, но и кучей других, не менее интересных, вещей, но о них напишу позже. Пока же о кодинге: недавно я столкнулся с вопросом, как сделать красивый и удобный выпадающий список без дополнительных плагинов и мне захотелось написать его самостоятельно. Уверен, в сети вы найдете много вариаций на эту тему, но мне было лень копаться, да и лезть в чужой код не самое большое удовольствие, а вот настроить список под себя нужно. ПоэтомуPсегодя я хочу предложить вам урок по созданию выпадающего списка с использованием jQuery + CSS. Кроме того, сделанный настолько просто, насколько это возможно, чтобы во всем было легко разобраться.

24 ноября, 2012 г. ·

Урок: создание выпадающего списка на js+css

Телевизор мне природу заменил

Мужские развлечения: дизайн, книги, программирование

Пожалуйста, если вы не оплачиваете скрипт, оставляйте мой копирайт. Эта небольшая помощь будет полезна для скрипта, а у меня будет вдохновение, чтобы работать над его совершенствованием и написанием новых. Спасибо и хорошего дня!

читайте комментарии и или пишите на почту pechkino@ya.ru.

При возникновении вопросов

WMZ :: Z265918199524WMR :: R951233780372WMU :: U704398793284Я.Деньги :: 41001118387818

Если скрипт вам нравится, вы можете оплатить его, его стоимость 7$.Платите по любому из этих реквизитов:

Укажите адрес сайта, на котором вы будете использовать этот скрипт

Адрес вашего сайта

Ваша электропочта сохраняется конфиденциально и нигде не афишируется

Куда отправить скрипт?

Получите свою копию скрипта бесплатно

Урок: создание выпадающего списка на js+css | Дедушкин блог