CODEWITHSUNDEEP
javascriptjqueryhtml
Charles Butler
Charles Butler

Reputation: 583

Toggle div $this without toggling another with same class

How would I toggle this divs .pane-content without toggling another with same class?

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

Upvotes: 0

Views: 55

Answers (1)

Adil Shaikh
Adil Shaikh

Reputation: 44740

Try -

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

Demo -----> http://jsfiddle.net/t5kM7/1/

Upvotes: 1

Related Questions