Trial One

Can I use the accordian jquery code on an image?

JavaScript Image Show and Hide is my existing code from my Web Dev II class:

  • I hacked it from my jquery week page.

jQuery UI Accordion Component is my existing code from my Web Dev II class:

  • I hacked it from my jquery-ui week page.
  • I placed an image inside the accordian div that typically holds text.
  • It currently is not working the way I had hoped it would work.
  • I am still researching how to finesse the code to make it do what I have in mind.

Animated Accordion Component is a cool animated accordian I found on w3schools:

  • In the process of working with the code to "make it happen".

JavaScript Image Show and Hide

Click on the photograph and watch what happens.

playing in the sand

jQuery UI Accordion Component

Show Photograph

playing in the sand

Hide photograph

Animated Accordion Component

Use any of the w3-animate-classes to fade, zoom or slide in the accordion content
(w3-animate-zoom, opacity, top, bottom, left, right)

Link 1 Link 2 Link 3
playing in the sand