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

Question

[Lumore]

Элемент появляется и передвигается чуть вверх, при закрытии передвигается вниз и исчезает:

Мои методы не работают:

$('.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');
    }
});

Answer 1

[Андрей]

https://jsfiddle.net/09ghtr22/

Comments

[Lumore]

Спасибо, вариант подошел больше всего

Answer 2

[Yakov Vylegzhanin]

Держи - https://jsfiddle.net/qpsp1umz/