1

こんにちは、最初のフィドルでホバーしたときと同じ効果を達成しようとしています。jquery クリック/トグルを使用して、ホバー時に表示する代わりにコンテンツを展開したいと思います

jquery/css で基本的な addClass を試していますが、どういうわけか途切れてしまい、正しく動作する方法がわかりません

以下についてのヘルプやアドバイスをいただければ幸いです。よろしくお願いします。

ここに私が使用しているjqueryで作成したフィドルがあります

$(document).ready(function(){
  $(".gamewrapper").click(function(){
    $(".gamewrapper").addClass("expand");
  });
});

私は遊んで、toggleClassオプションでそれを行うことができましたが、まだ両方のキャプチャで2番目のコンテンツしか表示されていません。これが最新のコードフィドルです

$(document).ready(function(){
  $(".gamewrapper").click(function(){
    $(".game-name").toggleClass("black");
    $(".gamewrapper").toggleClass("expand");
  });
});

ありがとう

4

1 に答える 1

1

実際にクリックされた要素を参照する必要があります。したがって、this代わりに使用.gamewrapperしてください（DEMO）。thisまた、コンテキストを.game-nameセレクターに追加します。

$(document).ready(function(){
  $(".gamewrapper").click(function(){
    $(".game-name", this).toggleClass("black");
    $(this).toggleClass("expand");
  });
});
于 2013-06-30T16:45:54.557 に答える