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

时间:2015-06-22 07:44:24

标签: javascript jquery

我想用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");
});

1 个答案:

答案 0 :(得分:5)

我想OP希望将按钮more与相应的click span class

相关联
$('.clickme').click(function(){

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

FIDDLE DEMO