JavaScript expand() retract() Animation Function Programming Tutorial Open Close Box Slide

[@maksraja]

Thought, I would be the first to view this but before me 43 of them got educated . This is clean and Simple . Thanks for this useful video .

[@AdamKhoury]

Use CSS3 transition for this in 2014, instead of custom JavaScript functions. JavaScript was how we used to animate HTML elements before CSS3 and 2014. Here is a tutorial so you can get up to speed... JavaScript Tutorial - Trigger CSS3 Transitions Control Animations

[@Blackadashyne]

Do you mind sharing the code Adam? Thanks for a great toturial!!

[@AdamKhoury]

We should use the CSS3 transition property now in 2014. This code shows how it used to be done before CSS3 animations and transitions were standardized here in 2014. Use transition and animation to animate HTML elements on your pages from now on.

[@rakeshkumarark]

Thank u very much Adam for making this wonderful exp and ret box tutorial. I watched two times and i gethered some good js knowledge Once again thank you, thank you

[@mrendsub]

Adam yoour fantastic !!! WE LOVE YOU FROM AZERBAIJAAN!!!

[@rmagg]

you are legend. thanks for sharing ur knowledge. big fan

[@Cornbane]

Awesome. This will be very useful.

[@baraBober]

YOU ARE THE BEST!

[@chriscartwright3817]

Hi Adam, thanks for the tutorial, great stuff! Worked fine in Internet Explorer, but in firefox and chrome it took ages to get the div to open... and I mean ages! I tried changing the "if (h

[@AdamKhoury]

I love you more

[@sonalinanda6025]

Great Video! If someone is not using the input buttons then can we give a" on click" event on any div element. Can you please show this with any example. One more thing, I I want to use Multiple expand and collapse functionality on one page only, then how can we do it by using the same function.

[@Blackadashyne]

Do you mind sharing the code Adam? Thanks for a great toturial!!

[@baraBober]

THANK YOU VERY MUCH!!!

[@rakeshgowda4056]

Hi Adam, When you quickly click retract button immediately after clicking on expand. It will not work out. Animation doesn't work properly. It starts shaking up an down. Please let us know if you have any work around for this.

[@nlplx]

I have a question: If you click quickly open and close it generates a bug. How I can solve this?

[@bietdenchua7106]

thanks

[@BonJoviFan13]

Great tutorial. Works great on the example file but when I tried to implement them into my social networking website, the expand works great but for some reason the retract keeps increasing the div elements height by 20 each loop. It has me really puzzled lol

[@swangooo]

Great tutorial, but its confusing for noobs if you use the element name as "element" when the word element is also in the syntax of the code.

i added you to send you a message but if you add me i can then send you a message, it is being blocked as your not a contact...

[@TheBarePaw]

my mom sad hi, too.