Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.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_Jquery - Fatal编程技术网

Javascript 简单的文本切换,只打开下一页

Javascript 简单的文本切换,只打开下一页,javascript,jquery,Javascript,Jquery,首先我得说我是个初学者,我的问题对你们中的一些人来说可能太明显了。但是请你表现得好一点。 我们需要一个基于jquery的小文本切换。到目前为止,它工作得很好,但它可以打开给定页面上的所有文本。是否有可能只打开下一个“p”,而不是页面上的每个“Text2”?谢谢你的帮助 $('.show')。单击(函数(){ $('.hidden').slideToggle(); $(this).text($(this).text()=='more'?'less':'more'); }); Text2 T

首先我得说我是个初学者,我的问题对你们中的一些人来说可能太明显了。但是请你表现得好一点。 我们需要一个基于jquery的小文本切换。到目前为止,它工作得很好,但它可以打开给定页面上的所有文本。是否有可能只打开下一个“p”,而不是页面上的每个“Text2”?谢谢你的帮助

$('.show')。单击(函数(){
$('.hidden').slideToggle();
$(this).text($(this).text()=='more'?'less':'more');
});

Text2

Text2

Text2

您可以使用它遍历到父段落,然后使用它指向以下同级,以获得
.hidden
段落

$('.show')。单击(函数(){
$(this).closest('p')。next('.hidden')。slideToggle();
$(this).text(函数(\ux,text){
返回文本=='more'?'less':'more';
});
});

Text1

Text2


Text3

是否给它一个唯一的id?因此,您只需要切换该id?就可以了。非常感谢你。
$('.show').click(function() {
  $(this).closest('p').next('.hidden').slideToggle();
  $(this).text(function(_, text) {
    return text == 'more' ? 'less' : 'more';
  });
});