Need help with accordion

Need help with accordion

I did a visual for a client using the jQuery Accordion I had seen at Web Designer Wall  http://www.webdesignerwall.com/demo/jquery/accordion2.html


I did this just by putting an image within a <p> tag. The accordion is set to hide and display the <p> tag when one of the <h3> tags is clicked. 

Trying to turn the images into HTML has proved problematic as there are three different columns of text.

I've tried putting a table inside the <p> tag which didn't work. I've also tried to make the <table> disappear and reappear by amending the JavaScript in the header:

  1. <script type="text/javascript"> 
  2. $(document).ready(function(){
  4. $(".accordion2 h3").eq(0).addClass("active");
  5. $(".accordion2 table").eq(0).show();
  6.  
  7. $(".accordion2 h3").click(function(){
  8. $(this).next("table").slideToggle("slow")
  9. .siblings("table:visible").slideUp("slow");
  10. $(this).toggleClass("active");
  11. $(this).siblings("h3").removeClass("active");
  12. });
  13.  
  14. });
  15. </script>
 That didn't work either.

Can anyone suggest a way I might be able to add different columns of text within the separate panels of this jQuery accordion?

    • Topic Participants

    • rob