JaimstheName / homework_landing_page

0 stars 0 forks source link

Feedback on assignment 4 #3

Open barryross opened 6 years ago

barryross commented 6 years ago

FEWD Week #4 Project: JavaScript Basics


Description

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 articles' content slide down and appear on the page; users should also be able hide the content when they are finished reading. See a detailed technical explanation below.

Student: Jaimie Stevens

Project URL: https://github.com/JaimstheName/homework_landing_page/tree/master/assignment_4/updated

Technical Requirements Does Not Meet Expectations (0) Meets Expectations (1) Exceeds Expectations (2)
Prevent a page-refresh (when any of the "read more/read less" links are clicked) with the event.preventDefault() function x
Use the $.ready() handler to delay your code from executing until all DOM assets have been loaded x
Select the appropriate DOM elements with CSS selectors upon a user's click using the $.click() handler x
Have the text in the <p> tag (with id="first-read-more-text" ) slide down along with a "Read Less" link in the blog post using $.slideDown() and $.show() x
Hide the relevant "Read More" link using $.hide() x
Have the text in the <p> tag (with id="second-read-more-text") slide down along with a "Read Less" link in the blog post using $.slideDown() and $.show() x
Hide the relevant "Read More" link using $.hide() x
Have the <p> (with id="first-read-more-text") slide up and hide the "Read Less" link using $.slideUp() and $.hide() x
Show the relevant "Read More" link using $.show() x
Have the <p> (with id="second-read-more-text") slide up and hide the "Read Less" link using $.slideUp() and $.hide() x
Show the relevant "Read More" link using $.show() x
TOTAL: 16/22
barryross commented 6 years ago

Nice work on this assignment Jaimie...good job working your way through it. Things are looking pretty good, although the first read more/less feature appears to be missing some functionality.

Please see inline comments for more info and I encourage you to review the sample solution!

https://github.com/ga-students/FEWD_SM-31/tree/master/Unit_5/sample_solutions/assignment_4_sample_solution