Tartışma animasyonunda yaşadığım CSS sorunu

Bir çözüm buldum, belki daha iyi bir yolu vardır ama ben yinede paylaşmak istedim. jQuery’yi adminden özel alt bilgi alanında CDN linki aracılığıyla siteye dahil edin.

Devamında aşağıda vereceğim kodu yine özel alt bilgi alanına jQuery linkinden sonra ekleyin fakat burada dikkat etmeniz gereken nokta animasyonları if ve elselerden kendinize göre değiştirmeniz gerekiyor. Kod mouse haraketleri ve dropdown menünün açılış senaryolarına göre animasyon uzunluğunu değiştiriyor.

$("body").delegate(".Dropdown-toggle", 'click',
function() {
let animationFinisher = $(".open .Dropdown-menu").css("display");
if (animationFinisher == 'block') {
$('.DiscussionListItem:hover').css({
'animation-duration': '0s'
});
}
}
);
$("body").delegate(".DiscussionListItem", 'mouseover',
function() {
let animationFinisher = $(".open .Dropdown-menu").css("display");
if (animationFinisher == 'none' || animationFinisher == undefined) {
$(this).css({
'animation-duration': '5s'
});
} else {
$(this).css({
'animation-duration': '0s'
});
}
}
);