開閉するアコーディオンメニューに使える！＋から－へ、＋から×へアイコンを切り替えるアニメーション｜アド･エータイプ スタッフブログ開閉するアコーディオンメニューなどに＋(プラス)のアイコンをつけて、 クリックしたら－(マイナス)や×(バツ)のアイコンに変えたい！ なんてことありませんか？ 今回は、＋と－(プラスとマイナス)、＋と×(プラスとバツ)のアイコンをクリックで切り替えるアニメーションをご紹介します。 jqueryで開閉とクラスの追加削除を行い、CSSでアニメーションを行っています。 アニメーションのデモページはこちら 上が＋と－(プラスとマイナス)、下が＋と×(プラスとバツ)のアイコンをクリックで切り替えるアニメーションです。 デモページはこちら $(function(){ $(".accordionbox dt").on("click", function() { $(this).next().slideToggle(); // activeが存在する場合 if ($(this).children(".ac
