jquery onclick用于展开右侧的文本内容

Question

嗨，我正试图达到悬停在小提琴上时的效果，我想使用jquery点击/切换来扩展内容，而不是在悬停上看到它

我正在尝试使用jquery/css的基本addClass，但不知何故，它正在中断，无法找到如何正确工作

如有以下方面的帮助或建议，不胜感激，

这是我使用创建的jquery的fiddle

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

感谢

Answer 1

抱歉我玩游戏有点晚了，但这里有解决方案：

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

由于您有多个游戏包装器类，因此需要引用"this"关键字来指定单击的元素，然后查找它的子元素以应用CSS更改。

关于jQuery点击事件处理程序的更多详细信息，请点击此处：http://api.jquery.com/click/