想要使用“ 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();
 });

現場演示