Javascript 为什么链接同时显示更多/更少打开
简而言之,, 我有3个链接显示更多/更少,当我点击其中一个来显示内容时,所有其他内容都会打开! 我需要在单击链接时分别打开每个内容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(“
$(.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");