JQuery Show local div on multiple div rows -

i dynamically displaying multiple rows of div's.

div sets this:

<div class="triggerbutton">     <img src="/images/clickme.png" alt="" /> </div>  <div class="hiddendivs" style="display:none;">     stuff here  </div> 

i using jquery:

$('.triggerbutton').click(function() {      $('.hiddendivs').show('slow');  }); 

but want hiddendivs after triggerbutton showed , not hiddendivs available.

how can this?

assuming hiddendivs next sibling use

$('.triggerbutton').click(function() {     $(this).next().show('slow'); });