Create An Accordion with jQuery

This tutorial will show you how to create a simple accordion with jQuery. For more tips and tutorials, visit www.detacheddesigns.com/blog

Category:

People & Blogs

Tags:

• asp.net
• jQuery
• html
• accordion
• how
• to
• create
• an

[JoseL786]

@kennycelt I assume that you are using an "#" for you href. try using "javascript:void(0);" instead.

[rhamphor1]

It's web developper plugin for firefox. CSS -> edit CSS

[kennycelt]

great tutorial, however maybe someone can help me. I put this accordion half way down my webpage but when i click on any of the anchors it sends me back to the top of the page. why ????? Cheers

[flowewritharoma]

This accordion is mine.

[CraggaW]

Thank you, very helpful - exactly what I needed :)

[truthIsStranger]

I was taught very little in college, my web design course was 80% programming (mostly Java and Java Server Faces, which is obsolete.)

I can't tell you how important people like you are for taking time to share your expertise. I probably don't have to, either.

THANK YOU DD for making me employable!

[chrismlyle]

Hey I have a very similar if not the same accordion markup. I have been trying to add a scrollto using target anchors unsuccessfully. I want the link when clicked to scroll to the top of the browser in focus if that makes sense.

Please let me know if there is a way you can help me with this... I could send you my files if need be.

[kxmode]

Nevermind. I figured it out. $(this).parent("dt").next("dd"­­).slideDown("normal)"; the quote by normal is outside the ending parenthesis. Brain fart moment on my part.

[arunanand7]

nice work



[razibul08]

thx