Open barryross opened 8 years ago
Hey Hedi,
There are some great things happening in your work.
Although you are hiding/showing the content and labels, the assignment does ask for you to use hide()/show() for the links and slideDown()/slideUp() for the content....so that is why you haven't gotten full marks for those. Also, it looks like the "learn more" content appears when clicking "read more" in the blog post. How might you overcome this? I do applaud you attempting to solve this using a shared "hide" class...creative solution.
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'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:Hediyah Ledbetter
Project URL: https://github.com/hedib/Relaxr
event.preventDefault()
function$.ready()
handler to delay your code from executing until all DOM assets have been loaded$.click()
handler`tag slide down along with a "Read Less" link in the blog post using,`$.slideDown()`and`$.show()
$.hide()
`slide up and hide the "Read Less" link using,`$.slideUp()`and`$.hide()
$.show()
inside that
slide down and hide the "Learn More" link using$.slideDown()
and$.hide()