Question

您好，我正在努力达到与悬停在我的第一个小提琴上相同的效果，我想使用jquery点击/切换来扩展内容，而不是在悬停上看到它

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

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

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

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

我玩过并设法使用toggleClass选项，但仍然只显示两个捕获的第二个内容，这里是最新的代码fiddle

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

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

1 个答案: