How to show/hide certain div when i have multiple div with same class name

Posted by Rajasekar on Stack Overflow See other posts from Stack Overflow or by Rajasekar
Published on 2010-03-28T09:12:13Z Indexed on 2010/03/28 9:43 UTC
Read the original article Hit count: 235

Filed under:
|
|

I had multiple div with class name blueflip i want to toggle this class's div content when the div link_button is clicked.

My Code :

$(document).ready(function(){
   $('.blueflip').hide(); 
   $('.link_button').click(function() {
      $('.blueflip').toggle(400);
      return false;
   });
});

It works fine. But my problem is, my page has multiple link_button and blueflip div's all over the page. when i click any one of link_button all of the blueflip div's are toggling. But i need to toggle the corresponding child blueflip div only

Note : The divs are dynamically generated from database.

How to achieve that, Plz help. Any suggestion will be highly appreciated

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about JavaScript