jquery - 使用一个函数折叠每个 div

Question

有人可以快速指出我做错了什么以及为什么吗？我的目的是让每个 .learnmore 类在点击时扩展自己的.more-content。

jQ

    $(document).ready(function(){  

      //Toggle function
      $(".learnmore").click(function(){
        $(this).next(".more-content").slideToggle(500)
        return false;
      });  
});

HTML

<div class="wrapper">
<h2>Whatsup Stack!</h2>
<img src="/image.jpg" alt="Stack Overflow" />
<p>Quick, lorem Ipsum</p>
<p><a href="#" class="learnmore">Learn More</a></p>
<div class="more-content">
  <p>Quick, lorem Ipsum</p>
  <p>Quick, lorem Ipsum</p>
</div>
<!-- eo : more-content --> 

​

Answer 1

使用find相反。

$(this).find(".more-content").slideToggle(500);