jQuery Tutorial - Animated Hide and Slide Toggle Content Into View

[LordCarringtan]

Thank you so much! Greatly appreciated!

[MrHondros]

hey adam, Hope your well mate.

Quick question, what i would like to do is, if you click on one link, it opens up, yet if you click on another lick that opens up but still has the previous link open. how do i do it so when you click on the second link, it closes the first one.

[TheYouHub]

lol YouTube uses more advanced stuff in their messaging(inbox) system

[aihowes]

a lot easier way of doing this have a look below

pastebin(dot)com/iKbtbtaK

but otherwise a good tutorial :)

[AshleyMcGowan1]

cool. I was wondering how you would have the link that opens a box in a different area of the page and have more than 1 that open different content in that box or something like that. ??? =)

[JmanJam321]

You are a programming GOD!!! YOU ROCK! THANK YOU!

[extrangeho21]

can't find the code :(

[flashbuilding]

@extrangeho21 - Fixed... thanks for letting me know. The link in the description here has everything on it.

[WowCreations4u]

@extrangeho21 you have to scroll down on that page.

[noctisjien]

Hello sir, thank you so much for this tutorial. Can you please create a tutorial on how to put all the things together to make it work. I mean, i have index.html, style.css, images and the jquery library and then i do the coding for particular purpose. After that. How am i going to host my file? what file will i host on a particular server. Will i have to upload all the files (index.html, style.css, images and jquery?) please help me coz this is where i got pinned.

[bikram528]

I can't find the link to download the code, can you provide me the link plz.

[combat331]

dreamweaver sucks!

Notepad++ ftw

[pwrreques]

it does it work and i am doing everithing like you say, but you never say nothing about class toggle?

[RyanteGamer]

Nice video, a shame the link is broken though - I copied the code and it didn't work

[RyanteGamer]

Nice video, a shame the link is broken though

[kakako27]

Thanks man, It is really a good video. I really like the way you simplify your stuff.

[aneis5211993]

Is it just me or is the link to the file broken?

[Shradha0208]

good video

[Shradha0208]

good video

[Shradha0208]

good video

[Shradha0208]

good video

[MandeeyaRash]

Adam I have done everything possible but mine is not working i feel so frustrated

[maxoys45]

nice tutorial :)

p.s. the link in the description is dead.. i had to pause the vid and write it all out! didn't take too though haha. thanks for the help.

[blueprint7000]

Hey sir,,great tut indeed.(like all of them) I have managed to copy your code from the tutorial for experimental purpose and i have find out that it works only with Firefox and Safari...watching you displaying it in Chrome really makes me wonder how cant i used as well because i copyied EXACTLY your code....the only different piece of code is the new library i am using jquery-1.4.4.....Thanks in advance sir Adam.....keep up your awesome work....

[stephanoindo]

WOW thanks so much for this! Been searching for days on how to toggle and mainly on how to collapse list items individually. This works like a charm!! Thanks again!

[MrDiscoHeaven]

2 poor,no money for dreamwaver. I don't like us dreamwaver for web design.

[MrDiscoHeaven]

2 poor,no money for dreamwaver.

[coolcam262]

poopoo.js .... I like it!

[Avi0107]

source file down :(

[NicoDaVinci]

The link on developphp is not working, Adam...

[maxdecimus88]

@NicoDaVinci - Thanks to the original poster for the video... I followed right along and built my first jQuery "Hide & Slide" in a matter of minutes.

NicoDaVinci - Go to the root of the DevelopPhp site and search for "hide slide"

[MiikoMusiic]

thx for the tutorial :)

question: i want that the div content loading AFTER then I click on the show button.. can you pls help me?

[wsanada]

Too large for it

[jnrxify]

nice

[42project]

hello,

first thank you for the tutorial. i have one problem. i placed several of this "sliding boxes" among each other. everytime when i click on the slidedown button, the page jumps to the top and i have to scroll down again to the box i was. any idea how i can fix that?

thanks a lot

42project

[42project]

@42project

ok. after hours i found the problem. i've lost the onclick-function on the a href. now it works fine.

again thank you very much for this great tut.

42project

[rhinz101]

can i ask how will i put it into the div

[victornpb]

the most clear english i ever heard

[steam707]

I have been trying to get it done with php by including the code in my php. I am trying to get it to work. But cant. It would be great if you can provide a tut to get it to work in php.

[luckyvidoes]

I like this video. Just like my video I made on jQuery!!!!

[EyesTheSouth]

cheers once again adam, now to figure out how to make it hide things smoothly...

[dustale]

Hey man thanks! you gave me just the tool that I was looking for!

I have downloaded it and I´m experimenting away!

Dustin

[Nickings07]

Good tutorial, however I would prefer if you showed us how to do this without jQuery as I prefer to have full control over my code rather than leaving it to a third party (jQuery).

[pjongjang]

Thanks for the tutorial!! :-)

[SabooZX]

What Mic Are You Using?

[kyoko91335]

Cool!!!

[hesawisa]

But can you do it for php ?????

[flashbuilding]

@hesawisa - Yes you place one set in your PHP while loop. So you can query your database and put this in your while loop to dynamically render them.

[hesawisa]

@flashbuilding lol i have absolutly nothing understand im new into php from 4 days :P

[steam707]

@flashbuilding I do not get what you mean by one set. I have php while assoc echo that echoes multiple results and want to get the hide and slide into the echoed result. Could you please do a vid of verify what you mean by "place one set in your php"

[hesawisa]

Nice thanks men this will help for my slide menu

[bnther36]

great job...again : )

[ghostdancer12]

this is another excellent video, thanks old chap

[captainoftheinternet]

Adam I love your tutorials. Hey could you please do a tutorial about how to setup and use categories in php and mysql?

[H3dQ]

I love Jquery, more tutorials on this ;D

Is there anything you can't do?

[lucas199400]

Nice, I really like JQuery tutorials! Keep it going!

[ANTIxCONDOM]

NICE