Jquery 单击'；阅读更多'；按钮导致打开所有块，而不是其特定父块

我必须展示一些功能列表。在初始页面加载时，我只想显示三个点。 一旦我点击“阅读更多”按钮，特定的divs rest功能就会打开

但问题是点击“阅读更多”按钮会导致打开所有功能块

请考虑此HTML:

<div class="parent first-feature">
    <div class="feature-listing">
        <ul>
            <li>Some Content</li>
            <li>Some Content</li>
            <li>Some Content</li>
            <li class="r-more"><a href="JavaScript:void(0);" class="read-more">Read More!</a></li>                
        </ul>
    </div>
    <div class="more-content" style="display:none;">
        <ul class="feature-listing">                
            <li>Some More Content</li>
            <li>Some More Content</li>
            <li>Some More Content</li>
            <li>Some More Content</li>
            <li>Some More Conten</li>    
            <li class="r-less"><a href="JavaScript:void(0);" class="read-more">Read Less</a></li>                
        </ul>
    </div>
</div>

<div class="parent second-feature">
    <div class="feature-listing">
        <ul>
            <li>Some Content</li>
            <li>Some Content</li>
            <li>Some Content</li>
            <li class="r-more"><a href="JavaScript:void(0);" class="read-more">Read More!</a></li>                
        </ul>
    </div>
    <div class="more-content" style="display:none;">
        <ul class="feature-listing">                
            <li>Some More Content</li>
            <li>Some More Content</li>
            <li>Some More Content</li>
            <li>Some More Content</li>
            <li>Some More Conten</li>    
            <li class="r-less"><a href="JavaScript:void(0);" class="read-more">Read Less</a></li>                
        </ul>
    </div>
</div>

这里有一个

这里有一个

这里有一个

这里有一个

---

回答得好。但你的小提琴似乎不起作用。如果你在fiddle中将jQuery改为2.1.0，它就可以工作了。它在fiddle中工作得非常完美。我刚刚检查过，正常工作，不知道为什么不适合你。它也适用于2.0.2！回答得好。但你的小提琴似乎不起作用。如果你在fiddle中将jQuery改为2.1.0，它就可以工作了。它在fiddle中工作得非常完美。我刚刚检查过，正常工作，不知道为什么不适合你。它也适用于2.0.2！回答得好。但你的小提琴似乎不起作用。如果你在fiddle中将jQuery改为2.1.0，它就可以工作了。它在fiddle中工作得非常完美。我刚刚检查过，正常工作，不知道为什么不适合你。它也适用于2.0.2！回答得好。但你的小提琴似乎不起作用。如果你在fiddle中将jQuery改为2.1.0，它就可以工作了。它在fiddle中工作得非常完美。我刚刚检查过，正常工作，不知道为什么不适合你。它也适用于2.0.2！

$('.read-more').click(function(){
    $('.more-content').slideToggle('slow');
    $('.r-more').toggleClass('hide-block');
});

$('.read-more').click(function() {
  $(this).closest('.parent').find('.more-content').stop().slideToggle('slow');
  $('.r-more').toggleClass('hide-block');
});