Exxstyle
@Exxstyle

Как развернуть ul список из display:none?

Здравствуйте. Имеется нечто такое:
<a href="#">Другие языки</a>
 <ul style="display:none;">
 <li><a href="">Русский</a></li>
 <li><a href="">Русский</a></li>
 <li><a href="">Немецкий</a></li>
 <li><a href="">Немецкий</a></li>
 </ul>

Вопрос: Как сделать, чтобы при клике по ссылке "Другие языки", разворачивался список ul. Т.е убиралось свойство display:none;
  • Вопрос задан
  • 2709 просмотров
Решения вопроса 1
nalomenko
@nalomenko
Руководитель отдела разработок в студии «Lava»
$('a').click(function(){
    $('ul').show();
});


Для стабильной работы дайте элементам a и ul идентификаторы (id), и добавьте их к селекторам. Для плавного появления списка, либо его разворачивания используйте jQuery методы fadeIn() или slideDown()
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
madmages
@madmages
Человек прямоходящий
как вариант тугл накинуть на элемент ul
api.jquery.com/slidetoggle
этих триггеров дофига с разной анимацией
fadetoggle вот что еще вспомнил, остальные не вспомню
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы