切换div $而不切换同一类的另一个

Question

如何切换此divs .pane-content而不切换另一个同一类的div？

HTML：

<div class="pane"> 
    <div class="pane-header">Settings 
    <div class="pane-controls"> 
     <span class="pane-toggle"><i class="fa fa-chevron-up"></i></span> 
    <i class="fa fa-times"></i> 
    </div> 
    <div style="clear:both;"></div> 
    </div> 
    <div class="pane-content"> 
     Loreum Ipsum 
    </div> 
</div> 

JS：

$('.pane-toggle').click(function() { 
    $('.pane-content').toggle('fast'); 
    $("i", this).toggleClass("fa-chevron-down fa-chevron-up"); 
}); 

Answer 1

尝试 -

$('.pane-content',$(this).closest('.pane')).toggle('fast'); 

演示----->http://jsfiddle.net/t5kM7/1/