Create An Accordion with jQuery

[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

[JoseL786]

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

[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

[shahid5959]

awesome keep it up great job. Thanks a lot. keep up the good work.

[winnie80]

great tutorial

@utsukusih: i think he use web development plug ins for firefox

[forrestmunden]

Great job! Thanks!

[lightfedora]

Hi

What Firefox plugin did you use that you can view while you edit CSS?

[utsukusih]

I love your tutorials - very helpful and easy to understand. Hope you'll do more on jQuery for the beginners, thank you!!

[majuranus]

nice tutorial man. I understood many things. Just one question, what kind of software you use for developing websites? Visual web developer?

I like the part where you edit css code and you can see it live at right window. really cool

[tirumal909]

I just love your way of presentation. Great tutorial!! keep it up.

[mchrist793]

I am new - I can not hear you very well and can not see the code you are typing in - is there a better video somewhere or site you can refer me to?

[pstcontrl]

@mchrist793 Try changing it to 480p

[GurmeetSinghBrar]

Good Job man, I appreciate your work!! oh an i m definately gonna visit your website

[gonzalezluis78]

Great tutorial!

[Funatico]

Nicely done..good work...

[ritchieDonkers92]

mmm.. why with ul's?? i just made a div with links in it.

it was a way shorter code.

well anyway i still got the ie problem

[ScriptingForSmarties]

still struggling with it?

[ritchieDonkers92]

No, I solved it.

But now I want a horizontal login slider.

Mm.. not sure how to make one though!

[gonzalezluis78]

same here man, works in all except IE.

[deveras69]

Hello JEF.

I manage to copy all your code (painful) and it doesn't do it's bit on IE7. For some reason when the slide ends, it gets back to its first position and then it goes back to here it was supposed to. Can u supply a fix for it (not another library to correct or enhance jquery). Thanks mate

[ikon42]

I found all of the source code simply by going to his website

[akiratsu]

It would be great if i can access the code.

[irado]

Where is the source code?

I just can't read on the video :P

[buddyq]

Good tuts but you need to get rid of the background noises and clicks. Its distracting. Also zoon in a little bit. We dont need to see the part thats not being used.

[abufatimah75]

What application are you using to work with your code?

[madhamster]

Visual Web Developer i guess...

[atarikg]

Visual Web Developer Express.