クリックで表示切替＆アニメーション開始をしたいのですが、addClassでアニメーション用のクラス名を付与しても発火しません。
表示１(Class="Animation active")
表示２(Class="test")
表示３(Class="test")
のようにクラスを付与しておいて、
クリックで
$("Animation").removeClass("active");
$(this).addClass('active');
$(test).addClass('Animation active');
$(test).removeClass("test");
をしています。testからtestをremoveClassしているのはCSSで.testをdisplay:none;しているからです。
素人なりに考えてこういう形にしたのですが、このやり方だと動かないのでしょうか....
ぱっと見で気になるところ
「$("Animation")」セレクタの書き方がおかしい ".Animation"とかのはず
「$(this)」何に対してのthis?
「$(test)」文字列になってない
ブラウザのデベロッパーツール開いてエラーを確認する癖をつけるべき
ありがとうございます。
基本的に書き方がなっていなかったようですね…
見よう見まねでなくちゃんと確認してみます。
作りたい仕組みが先にあって、それをコード化するのがプログラムだよ。
ゴールが見えてないから、コード以前の話だと思う。
エスパーすると、よくあるメニューリストがあって、クリックした項目をアクティブ状態にして、それ以外の項目を非アクティブ状態にするってことじゃないの？
仮にそうだとすると、
1. メニューリスト内の項目全てを非アクティブにする
2. クリックした項目をアクティブにする
こういう仕組みで十分だよ。
この仕組みが見えて、はじめてこれをコード化できる。