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

Question

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

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

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

这里是 fiddle我用我正在使用的 jquery 创建

$(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");
  });
});

由于您有多个 gamewrapper 类，您需要引用“this”关键字来指定被点击的元素，然后查找它的子元素以应用 CSS 更改。

有关 jQuery 单击事件处理程序的更多详细信息，请参见此处:http://api.jquery.com/click/