Lumore
@Lumore
Front-end developer

Как сделать такое на jQuery?

Элемент появляется и передвигается чуть вверх, при закрытии передвигается вниз и исчезает:
ezgif-2484388842.gif
Мои методы не работают:
$('.categories__more').click(function() {
    $catFull = $('.categories__full');
    if($catFull.hasClass('categories__full__hidden')) {
        $catFull.animate({marginTop: "15px"},300).removeClass('categories__full__hidden').addClass('categories__full__visible');
    } else {
        $catFull.animate({marginTop: "10px"},300).removeClass('categories__full__visible').addClass('categories__full__hidden');
    }
    if($(this).children('.fa').hasClass('fa-angle-down')) {
        $(this).children('.fa').removeClass('fa-angle-down').addClass('fa-angle-up');
    } else {
        $(this).children('.fa').removeClass('fa-angle-up').addClass('fa-angle-down');
    }
});
  • Вопрос задан
  • 289 просмотров
Решения вопроса 2
svistiboshka
@svistiboshka
живые веб интерфейсы
@vylegzhanin
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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