Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery onclick用于扩展右侧的文本内容?_Jquery_Html_Css_Portfolio - Fatal编程技术网

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

jquery onclick用于扩展右侧的文本内容?,jquery,html,css,portfolio,Jquery,Html,Css,Portfolio,嗨,我想达到和我小提琴上悬停时一样的效果, 我想使用jquery单击/切换来扩展内容,而不是在悬停状态下查看内容 我正在用jquery/css尝试基本的addClass,但不知怎么的,它中断了,无法理解如何正常工作 非常感谢您在以下方面提供的帮助或建议,非常感谢 下面是我使用jquery创建的 $(document).ready(function(){ $(".gamewrapper").click(function(){ $(".gamewrapper").addClass("ex

嗨,我想达到和我小提琴上悬停时一样的效果, 我想使用jquery单击/切换来扩展内容,而不是在悬停状态下查看内容

我正在用jquery/css尝试基本的addClass,但不知怎么的,它中断了,无法理解如何正常工作

非常感谢您在以下方面提供的帮助或建议,非常感谢

下面是我使用jquery创建的

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

谢谢

对不起,我比赛迟到了一点,但这里有一个解决办法:

$(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 click事件处理程序的更多详细信息,请参见此处:

我刚刚编辑了我的问题,如果可能,请给出一些建议,感谢您的帮助。我已经尝试并设法使用toggleClass选项完成了这项工作,但仍然只显示了两个捕获的第二个内容,下面是最新的代码