Multiple Jquery toggle function not working!

[Niplo]

Hi!

I want to write a function that will show hide a div (containing project credits), for multiple projects on a single page. So far I’ve had to make them all different.

Here’s what I got (click credits):
MY DEMO

If anyone knows of a way to simplify this I would be really appreciative!

Thanks!
-Niplo.

[Paulie_D]

Could you make a reduced example case in Codepen.io

This doesn’t sound like a huge issue…it’s just a case of using a class, toggling and $(this) in Jquery.

[Alan C]

Yea just use $(this) and then have it match 2 identifiers that show the content and the link are related. Could be anything from a class to an ID or even a data attribute.

[Niplo]

Thanks for the responses, definitely got me on the right track!

I got this to work:

$(document).ready(function(){
    jQuery('.InfoDisplay').click( function() {
      $(this).next('#Info').fadeToggle();
      return false;
    });
});

[Author]

Posts