jQuery Tutorial for Beginners #23 - Fading Animation Example

Yo ninjas, in this jQuery tutorial for beginners, I wanna show you how to make a cool little fader using the fadeIn() and fadeOut() methods in jQuery.

Any questions, fire away ninjas :)

========== JavaScript for Beginners Playlist ==========

========== CSS for Beginners Playlist ==========

========== HTML for Beginners Playlist ==========

========== The Net Ninja ============

========== Social Links ==========

[mirt]

There are many tutorials out there but I can't follow them because the teacher talks a lot, gets way too technical or bores me. Yours are always straight to the point, succinct, and interesting at the same time! You are really talented, Net Ninja. Thanks a lot!

[dungphi]

not relevant but the music got me grooving every time

[dionfit]

Thank You so much! Brilliant!!! I understand a lot from your lessons!

[vaclavhruza]

It seems that the "display:none" and "display:block" part doesn't work when using <p> instead of <blockquotes>. Maybe because the <p> is part of a flexbox layout? Kind of frustrating.
Anyone knows why? Also, I can imagine that changing background images with this strategy would be way more difficult. Would be good to see a tutorial for that.

[victorken]

But what if you want to perform an animation on colors of an element do you do the same or something else because in some video you said it works for numeric values

[ΘεοδόσιοςΔέρβος]

If you want to grap a specific element you can also write

[nashe_dan]

I'm hoping this works also to create an image fade-in/out animation?

[Eltaurus]

There is a bit, which is still unclear.
Why there is only one visible quote right after the page load?

According to html the second and the third quotes should be placed right beside the first one, and the script doesn't change that until several seconds later.

[ritchieharrison]

Hi man how are you? Hope everything is well man. I was hoping you'd know the solution to my problem. I'm building the site and on a bottom of the  payment html page, I'm placing two Javascript files one that handles drop down menu  and the other one for contact form. Individually they both work, but when I place them on the top of each other in Sublime 3, the one on the bottom work, but the one on the top gets ignored. When I switch them around again the one on the bottom works but the one on the top gets ignored. Can you please help me with it, I'd really appreciate it. God Bless!!!

[LopogaX]

5:08 did he explained the equality operator in the middle of a jquery tutorial?

[TheFloreaCatalin]

I've just dropped a comment down BweEEeeelllow :))))

[ashishvora]

newja.js:55 Uncaught TypeError: $(...).fadeOut is not a function display this error

[naqiyahlakdawala]

this animation works only on quotes ?
or we can use this to randomly fade all div's?
please show how to?