Simple jquery accordion


/ Published in: HTML
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <dl id="accordion">
  2.  
  3. <dt><a href="">This is what you would click on to show the content</a></dt>
  4. <dd>Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</dd>
  5.  
  6. <dt><a href="">Another Line Item</a></dt>
  7. <dd>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.</dd>
  8.  
  9. <dt><a href="">And Another</a></dt>
  10. <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis. Ut justo. Suspendisse potenti.</dd>
  11.  
  12. </dl>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.