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

时间:2013-06-27 15:36:52

标签: jquery html5 css3 portfolio

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

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

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

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

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

谢谢

1 个答案:

答案 0 :(得分:0)

对不起,我有点迟到了,但这是解决方案:

$(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/