Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript

Jquery toggle function on multiple items.

Hey Guys and girls,

I have a question about the toggle function. I have a site that I'm doing with testimonials, I need the testimonials to show up as a persons name until you click on it, then it should show the testimonial.

How do I achieve that with different names?

This is how I did it with a single name.

   <script type="text/javascript" src="Js/jquery-1.11.0.min.js"></script>
   <script type="text/javascript">
    $("#testimgtext").hide().before("<a href='#' class='h2_text'>Testimonial</a>");
    $(".h2_text").click(function(){
        var $testi = $(this);
        $testi.next().toggle("slow");

        return false;
    });

</script>

1 Answer

You could use some simple jQuery and targeting your DOM structure you can do something like this Code Pen Example