javascript - jQuery - クラスに CSS がある場合は、クラスを兄弟に割り当てます

Question

slideToggle を 3 つのセクションに設定しました。クリックで矢印ボタン画像を回転させます。最初に 2 つのセクションが表示されるように設定しました。これらのセクション内のボタンに回転クラスを「自動」で割り当てて、ボタンが既に表示されている div に事前に回転させたいと思います。クラスを手動で割り当てることでこれを行うことができることはわかっていますが、jQuery で自動的に行う方法はありますか?

デモJSFIDDLE

現在、私はこの設定をしています

$('.button').click(function(){
    $(this).toggleClass('rotate');
    $(this).parent().next().slideToggle();
});

スクリプトの先頭でこのようなことができるかどうか疑問に思っていました (以下のコードは機能しませんが、私が達成しようとしていることのロジックを示しています)。

if($('.content').css('display') == "block"){
    $(this).parent().next('.button').toggleClass('rotate');
}