• W3Q
    クリックで表示切替&アニメーション開始をしたいのですが、addClassでアニメーション用のクラス名を付与しても発火しません。
    表示1(Class="Animation active")
    表示2(Class="test")
    表示3(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)」文字列になってない

    ブラウザのデベロッパーツール開いてエラーを確認する癖をつけるべき
  • 返信先: @fFVOOFさん ありがとうございます。
    基本的に書き方がなっていなかったようですね…
    見よう見まねでなくちゃんと確認してみます。
  • 作りたい仕組みが先にあって、それをコード化するのがプログラムだよ。
    ゴールが見えてないから、コード以前の話だと思う。

    エスパーすると、よくあるメニューリストがあって、クリックした項目をアクティブ状態にして、それ以外の項目を非アクティブ状態にするってことじゃないの?

    仮にそうだとすると、

    1. メニューリスト内の項目全てを非アクティブにする
    2. クリックした項目をアクティブにする

    こういう仕組みで十分だよ。
    この仕組みが見えて、はじめてこれをコード化できる。