简体   繁体   English

想要使用“ this” jQuery显示和隐藏文本

[英]want to show and hide text using “this” jquery

I want to achieve this effect with this because I have several paragraphs like this so I don't wanna use id for each paragraph 我想达到这个效果this是因为我有好几段这样的,所以我不想使用ID为每个段落

<p class="desc_services_subheading">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    <span class="click" style="display:none;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    </span>
</p>
<p class="text-center">
   <button class="btn btn-default serivce-button clickme">
       More
   </button>
</p>

My JS 我的JS

$('.clickme').click(function(){
    $('.click').toggle("200");
});

My attempt: 我的尝试:

$('.clickme').click(function(){
    $('.click', this).toggle("200");
});

I guess OP wants to link the button more with corresponding click span class 我想OP希望将按钮more与相应的click span class

$('.clickme').click(function(){

  $(this).parent().prev().find(".click").toggle();
 });

FIDDLE DEMO 现场演示

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM