jquery - jQuery onClick 用于扩展投资组合页面右侧的文本内容？

Question

嗨，我正在尝试实现与在第一个小提琴上悬停时相同的效果，我想使用 jquery click/toggle 来扩展内容而不是在悬停时看到它

我正在尝试使用 jquery/css 的基本 addClass 但不知何故它中断了并且无法弄清楚如何正常工作

非常感谢以下方面的任何帮助或建议，非常感谢，

这是我用我正在使用的 jquery 创建的小提琴

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

我已经玩过并设法使用 toggleClass 选项来做到这一点，但仍然只显示两个捕获的第二个内容，这是最新的代码小提琴

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

谢谢

Answer 1

您必须参考实际单击的元素。所以使用this而不是.gamewrapper再次（DEMO）。还将上下文添加this到.game-name选择器。

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