jquery - スライドトグルがアクティブになったときにクラスを挿入する

Question

これをどこから始めればよいか苦労しています。コードが少ないことをお詫びします。

スライドトグルを使用して、がクリックされたdivときにを表示しaます。

a現在、位置が定義された背景画像があります。リンクをクリックすると、背景の位置が変化して下向きの矢印が表示されるように、スプライト画像を作成しました (典型的な展開リストのように)。

aクリックするとクラスarrowDownが追加される関数をどのように組み込むことができますか?

このリンクにクラスを追加したい:

<a>See opening times</a>

classname を使用して CSS を追加する必要があるarrowDown

a.arrowDown
{
    background-position: 2px -9px;
    }

関数：

$('.timeList a').click(function(e) {
    $(this).next().slideToggle('slow');
});

score 3 · Accepted Answer

メソッドを使用できますtoggleClass：

$('.timeList a').click(function(e) {
    $(this).toggleClass('arrowDown').next().slideToggle('slow');
});

1 に答える 1