front-end-developer_1_

Front-End-Developer - Level 1
05.jQuery Effects Practice
In the Simple effects video, we learned:
How to show and hide elements using .show() and .hide()
How to toggle with .toggle()
How to style a link with CSS
How to use tags to limit the scope of CSS and JavaScript
Classes are used for elements that show up in multiple places on our web page
IDs are used for an element that shows up only once on our web page
When we use JavaScript to manipulate a web page, we are really manipulating the
DOM, not the HTML.
Let's get some practice using jQuery effects.
On the walrus page, add some clickable text that alternates between saying "Hide/show
images", and toggles the images appropriately.
On either the walrus page or the webpage from the previous exercise, try fading and
sliding elements with .fadeIn() , .fadeOut() , .fadeToggle() , .slideDown() ,
.slideUp() , and .slideToggle() .
Make a webpage with a few different sections, where a few of the sections are hidden
by default, with a bit of teaser text that expands when you click on it (e.g., "Click to learn
about the giant sandcastles of this fabulous country!"). Be creative!
jQuery Effects Practice
169