【Q&A】アニメーションをON・OFF切り替えたい!【jQuery】

こんにちは、@codeship_techです。

本日の質問がこちら。

jQueryのアニメーションを作りたいです。
アニメーションさせたい要素に対してactiveクラスをつけ外しできるようにしましたが動きません。
どうすればいいですか?

ということで、jQueryについての質問です!

それではこちらの質問に答えていきます。

jQueryでクラスをつけたり外したりすることで、アニメーションを実装する場合、CSSで予めスタイルを定義しておかないと動きません。

activeというクラス名に意味はないので、好きなクラス名を指定し、それに対するCSSをスタイルシートに書いておきましょう。

例えば、blueというクラスをjQueryでつけ外しできるようにします。

予めblueクラスには文字の色を青くするというようなCSSを書いておけば、そのクラスが付与された要素は文字色が青くなります。

またCSSのtransitionを使うことで、変化の秒数なども調節できるので試してみてください。

本日は、jQueryのアニメーションについて解説しました!

授業日記についてのご意見

CodeShipの授業について「こんな事が知りたい・紹介して」というご意見・ご提案がありましたら、CodeShip公式Twitterアカウント(【CodeShip】プログラミングスクール)までDMまたはリプライにてお寄せください。