Как настроить анимацию?

Question

[agent1156]

Здравствуйте, на сайте список организация, при наведении на заголовок анимация начинается у звездного рейтинга под ним. Как настроить анимацию текущей организации? (this)

function a() {

setTimeout(function() {
    $('.posthide a').eq(0).css({height:'100px','color':'#FFE34D'});
});

    setTimeout(function() {
        $('.posthide a').eq(1).css({'height':'10px','color':'#FFE34D'});
    }, 300);

    setTimeout(function() {
        $('.posthide a').eq(2).css({'height':'10px','color':'#FFE34D'});
    }, 600);

    setTimeout(function() {
        $('.posthide a').eq(3).css({'height':'10px','color':'#FFE34D'});
    }, 900);

    setTimeout(function() {
        $('.posthide a').eq(4).css({'height':'10px','color':'#FFE34D'});
    }, 1200);

    setTimeout(function() {
        $('.posthide a').css('border','');
        $('.posthide a').css('color','');
    }, 2000)

};

$('h3 a').hover(
    function () {
       a();
    }
);

Comments

[agent1156]

Не работает

Answer 1

[WQP]

в css к .posthide a добавить transition: all ease 250ms;

Answer 2

[Антон]

Для этого есть css. Просто используем :hover. Подобный пример в другом моём ответе
https://toster.ru/answer?answer_id=883077