Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.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
Javascript 为什么链接同时显示更多/更少打开_Javascript_Html_Jquery_Css - Fatal编程技术网

Javascript 为什么链接同时显示更多/更少打开

Javascript 为什么链接同时显示更多/更少打开,javascript,html,jquery,css,Javascript,Html,Jquery,Css,简而言之,, 我有3个链接显示更多/更少,当我点击其中一个来显示内容时,所有其他内容都会打开! 我需要在单击链接时分别打开每个内容 $(.o-block-global_uuwysiwyg”).addClass(“显示更多高度”); $('.btn--link')。打开(“单击”,函数(e){ e、 预防默认值(); if($(this).parent().prev($(“.o-block-global\uu wysiwyg”)).hasClass(“显示更多高度”)){ $(此).text(“

简而言之,, 我有3个链接显示更多/更少,当我点击其中一个来显示内容时,所有其他内容都会打开! 我需要在单击链接时分别打开每个内容

$(.o-block-global_uuwysiwyg”).addClass(“显示更多高度”);
$('.btn--link')。打开(“单击”,函数(e){
e、 预防默认值();
if($(this).parent().prev($(“.o-block-global\uu wysiwyg”)).hasClass(“显示更多高度”)){
$(此).text(“词缀词”);
}否则{
$(本).text(“附件+”);
}
$(“.o-block-global_uuwysiwyg”).toggleClass(“显示更多高度”);
});
//降低内容高度
.o-block-global__wysiwyg{
&.显示更高{
身高:5雷姆;
溢出:隐藏;
}
}

  • 同侧眼睑
  • 我的同僚们都是精英。准自由劳动或非流动性劳动的最低劳动量,包括自由劳动、自由劳动和自由劳动。
    • 同侧眼睑
    • 同侧眼睑

我看不到
.btn--link
的html,要知道它在上下文中的位置以及它所切换的元素,但是从其他行判断,您应该更改这一行:

$(".o-block-global__wysiwyg").toggleClass("show-more-height");

目前,它正在使用相同的类而不是您想要切换的类切换所有元素


代码笔:

请分享更多详细信息。当前示例不包含任何文本为“显示更多”的链接。还有,你试图解决什么问题?我更新了帖子添加了链接。我尝试了上面的js,但它不起作用。我更新了帖子,添加了链接。谢谢,在我的答案中添加了一个代码笔链接,似乎有效?谢谢,这与
$(this.parent().prev($(“.o-block-global__wysiwyg”)。toggleClass(“显示更多高度”)非常好,很高兴它能工作!当您有许多内容+链接时,代码笔中的示例将不起作用,这从一开始就是我的问题:)
$(this).parent().prev($(".o-block-global__wysiwyg")).toggleClass("show-more-height");