Learn JQuery Tutorial 3 | Functions

Join Forum @ http://jream.com/forum
Create a series of events after you click a button. We will be using a function to do this!

http://jream.com

Category:

Science & Technology

Tags:

• web
• web design
• web development
• javascript
• ajax
• jquery
• jquery api
• jquery framework
• jquery tutorial
• learn jquery
• function
• functions
• programming
• json

[NicholasLeeson]

Hi, thanks for the videos. I'm trying to figure out how to get the toggle button you see on YouTube, ie the one which points downwards when text is hidden; and upwards when the text is being shown. Can you help?

[JREAMdesign]

@NicholasLeeson I would use JQuery for that. Basically it looks like umm.

$('#item').click(function() { $('#more_content').slideToggle­(); $('#button').toggleCss('class1­', 'class2');

});

[JREAMdesign]

@JREAMdesign Woops I had thought this was a PHP tutorial, haha.. Thats why I said use JQuery :P

[yesnikita]

Thank you for this tutorial. I didn't even know about toggle() function... :)

[CoDCopsProductions]

Something to note. hide(), toggle() and the like have an optional parameter for how long it will take to do that.

So, $('#hello').hide(1000); will make the div *fade out*. The 1000 is the number of milliseconds the animation will take.

There is also a fadeIn() and fadeOut(), which do a similar job.

[mrjean321]

You are simply amazing... Nice tutorial!