Skip to content
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
25 lines (17 sloc) 3.87 KB

FEWD Week #4 Project: JavaScript Basics


The team from Relaxr is back...again! They want their page to be more interactive and asked you to add JavaScript to their source code. You've been given the HTML and CSS but will need to create a JavaScript file and add a few different pieces of interactivity: Users should be able to click a link and have the remainder of the blog's content slide down and appear on the page, both on the main content column and the side bar; users should also be able hide the content when they are finished reading. See a detailed technical explanation below.

Student: ________________________________________

Project URL: ____________________________________

Technical Requirements Does Not Meet Expectations (0) Meets Expectations (1) Exceeds Expectations (2)
Prevent a form submission with the event.preventDefault() function
Select the appropriate DOM elements with CSS selectors upon a user's click using the $.click() handler
Have the text in the `````` tag slide down along with a "Read Less" link in the blog post using,$.slideDown() and ```$.show()```
Hide the "Read More" link using $.hide()
Have the `````` slide up and hide the "Read Less" link using,$.slideUp() and ```$.hide()```
Show the "Read More" link using $.show()
Using the same functions as above, if a user clicks the "Learn More" link in the sidebar, have the inside that slide down and hide the "Learn More" link using $.slideDown() and $.hide()
TOTAL: ______/14
You can’t perform that action at this time.