javascript - 想要使用 "this"jquery 显示和隐藏文本

Question

我想用 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>

我的JS

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

我的尝试:

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

Answer 1

我猜OP想要将按钮more与相应的click span class链接起来

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

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

FIDDLE DEMO