jQuery滑动切换影响多个div

我目前正在尝试在可重复的代码块上实现滑动切换。单击触发器后，将打开一个评论面板。目前，它正在打开所有面板——我已经四处搜索过了，但大多数解决方案都是针对下一个兄弟姐妹或父母的，因为他们不是直系后代，所以我似乎无法工作

到目前为止，jquery看起来是这样的

$('.SlideToggle').click(function() { 
  $('.SlideComments').stop().slideToggle('fast', function() {      
    $('.SlideComments').toggleClass('active', $(this).is(':visible'));
  });
});

<div class="col-100 feed-item">
<div class="row">
<div class="col-md-1 profile-pic">
<a href="<?php echo ROOT; ?>">
<img class="img-responsive" src="<?php echo ROOT; ?>images/example-profile.jpg">
</a>
</div><!-- col-md-1 -->

<div class="col-md-11">
<span class="feed-name clearfix">Leonardo Dicaprio</span>
<span class="feed-time"><i class="fa fa-clock-o"></i> 23 Minutes Ago</span>
<p>Hi, I am selling a Complete Core/Skeleton for a Mermail Deck. Anyone interested? Let me know....</p>

<div class="row">
<div class="col-xs-12">
<div class="col-100 feed-actions-container">
<ul class="feed-actions clearfix">
<li><a href="<?php echo ROOT; ?>" title="Like">Like</a></li>
<li class="SlideToggle">2 Comments</li>
<li><a href="<?php echo ROOT; ?>" title="Share">Share</a></li>
<li><a href="<?php echo ROOT; ?>" title="Report">Report</a></li>
</ul>

<div class="row SlideComments">
<div class="col-xs-12">
<ul class="feed-comments">
<li>
<span class="feed-name clearfix">Steven Ball</span>
<p>Awesome!!! let me know how much...?</p>
</li>
<li>
<span class="feed-name clearfix">Richard Carpenter</span>
<p>Why don't you just create an auction?</p>
</li>                                           
</ul>

<form role="form" class="leave-comment">
<div class="form-group">
<label for="LeaveComment">Leave Comment</label>
<textarea class="form-control common" id="LeaveComment" name="LeaveComment" rows="2"></textarea>
</div>
<button type="submit" class="btn btn-default">Post Comment</button>
</form>                                                                 
</div><!-- col-xs-12 -->
</div><!-- row -->
</div><!-- feed actions -->                                                     
</div><!--col-xs-12 -->
</div><!-- row -->                                              
</div><!-- col-md-11 -->
</div><!-- row -->
</div><!-- feed item -->

HTML块如下所示

$('.SlideToggle').click(function() { 
  $('.SlideComments').stop().slideToggle('fast', function() {      
    $('.SlideComments').toggleClass('active', $(this).is(':visible'));
  });
});

<div class="col-100 feed-item">
<div class="row">
<div class="col-md-1 profile-pic">
<a href="<?php echo ROOT; ?>">
<img class="img-responsive" src="<?php echo ROOT; ?>images/example-profile.jpg">
</a>
</div><!-- col-md-1 -->

<div class="col-md-11">
<span class="feed-name clearfix">Leonardo Dicaprio</span>
<span class="feed-time"><i class="fa fa-clock-o"></i> 23 Minutes Ago</span>
<p>Hi, I am selling a Complete Core/Skeleton for a Mermail Deck. Anyone interested? Let me know....</p>

<div class="row">
<div class="col-xs-12">
<div class="col-100 feed-actions-container">
<ul class="feed-actions clearfix">
<li><a href="<?php echo ROOT; ?>" title="Like">Like</a></li>
<li class="SlideToggle">2 Comments</li>
<li><a href="<?php echo ROOT; ?>" title="Share">Share</a></li>
<li><a href="<?php echo ROOT; ?>" title="Report">Report</a></li>
</ul>

<div class="row SlideComments">
<div class="col-xs-12">
<ul class="feed-comments">
<li>
<span class="feed-name clearfix">Steven Ball</span>
<p>Awesome!!! let me know how much...?</p>
</li>
<li>
<span class="feed-name clearfix">Richard Carpenter</span>
<p>Why don't you just create an auction?</p>
</li>                                           
</ul>

<form role="form" class="leave-comment">
<div class="form-group">
<label for="LeaveComment">Leave Comment</label>
<textarea class="form-control common" id="LeaveComment" name="LeaveComment" rows="2"></textarea>
</div>
<button type="submit" class="btn btn-default">Post Comment</button>
</form>                                                                 
</div><!-- col-xs-12 -->
</div><!-- row -->
</div><!-- feed actions -->                                                     
</div><!--col-xs-12 -->
</div><!-- row -->                                              
</div><!-- col-md-11 -->
</div><!-- row -->
</div><!-- feed item -->

莱昂纳多·迪卡普里奥
23分钟前
您好，我正在为Mermail平台销售一个完整的核心/骨架。有人感兴趣吗？让我知道



2条评论





史蒂文·鲍尔
太棒了！！！让我知道多少钱



理查·卡朋特
你为什么不创建一个拍卖会呢



留言
发表评论

触发器位于提要操作容器（li.SlideToggle）中的列表项上，需要滑动打开的面板是.SlideComments，正如我上面所说的，这段代码将重复多次

---

非常感谢你的帮助。非常感谢。

jshiddle-Bump！有人能帮我吗？