Hey! This is just a quick lesson covering a very popular effect on the internet (utilized through jQuery) known as the “slide” function. All we do is attach an ID to the trigger, and an ID to the Div element which contains the content. A few basic rules, and jQuery takes care of the rest! Hope this is usefull :)
Rating: 4 | Views: 4076
20 Comments to “jQuery – Slide and SlideToggle() Effects”
No related posts.
Filed under CSS HTML Design VIDEOS
So, I’m trying to do this, but the sliding doesn’t work. And Firefox isn’t showing any errors in the Error Console. My code is the same as yours, except that I don’t have any CSS.
love ur videos!
Interesting but…
this link
bit . ly / 5heIwJ
its so easy
Thanks dude, I really liked your tutorial !
Hey, thanks for the great tutorial. I was wondering if there was a similar way to do this with a checkbox? For example, your text hidden is revealed when the checkbox is checked. Thanks.
what “Screen video maker” you use? and how can i get download? (sorry but i am trying to make some tutorials with C#,PHP and jQuery but i still don’t have THE BEST video maker)
Hey, Thanks again for the quick reply.
Just what I needed, now I know where to look at…
I’ll sure watch out more of your vids.
Take care, kats.
@katsuo11
Absolutely man, you nailed it. All CSS!
I can’t go into great detail on here, but Google key terms such as “CSS Positioning Tutorials” or “CSS Absolute/Relative Positioning”.
I placed the Div for the slide-down on my site above all the content, and set the CSS properties to absolute position(positioning which is fixed to the parent document, in my case, the very beginning).
Hey man,
First, thank you for the great quick tip tutorial, very nicely done!
I saw something interresting at the far end when you show a previous website you made with the sliding login form.
How did you manage to keep your body page to not slide down when you toggle the login div?
I guess this is a CSS thing, and I would be glad that you explain :)
Thanks, kats
Oh, that’s what I was wondering, I had know idea youtube notified a viewer that their comment had been replied too. I just replied directly back to the commenter:(
@NativeiTube
So to correctly answer your question, it is for future viewers, as well as the person who asked the question of course. Users are notified by Youtube when somebody replied to their comment.
THANK YOU!
@NativeiTube
When I reply to his comment, he receives a messages saying I replied to his comment.
@MrTutorialClarity
Tutorial Clarity, when you reply to a persons comment…. how should I word this, okay, the “reply” option beneath your video, does the person your replying to even know that you replied to them! Do you understand what I’m saying? When I reply to a person I send a personal message directly to them. Just a question, I saw you were replying to (salman1sa) and the question entered my mind, do we want to draw that person back in to view our vids or is this just for future viewers?
@TutorialClarity
I just figured we would like salman1sa to come back and watch more of your great videos!
@salman1sa also, try clicking the arrow next to those tabs. (The cornered arrow in the bottom right).
That should expand that actual video size
@salman1sa
You’re supposed to view it in 720p, then the font size is identical to what you would normally read.
Just click the tab on the bottom right-hand side of the player that says “360p” and change it to “720p”.
You’ll be able to read it then :)
man how i can see this i cant see any codes plz
ppl dont have great eyes xD
@tashtan1
Glad to hear that it helped :)
man u are awesome,i just a big problem putting border the boxes for header,for menu,but else u r helping me a lot