javascript - 特定の要素を選択すると、slideToggleまたはjqueryアニメーションが機能しない

Question

このようにページから要素を選択する場合：

$('.offers')[count - 1].slideToggle(500);

slideToggleは他のアニメーションと一緒に機能しなくなりますが、これは機能します。

$('.offers')[count - 1].style.display = 'block';

したがって、要素は正しく引き出されていますが、jQueryアニメーションはそれらに対して機能していません。

どんな助けでも大歓迎です。

乾杯、

サム

Answer 1

eqこれは、jQueryオブジェクトをDOM Elementオブジェクトに変換しているため、代わりにメソッドを使用できます。

$('.offers').eq(count-1).slideToggle(500);

Answer 2

$('.offers')[count - 1]

これはjQueryオブジェクトではなく、HTML要素のみを返します。次のように、これをjQueryオブジェクト内に再度ラップする必要があります。

$($('.offers')[count - 1]).slideToggle(500);