{"action":"opened","issue":{"url":"https://api.github.com/repos/ga-naomi/relaxr-jquery/issues/1","repository_url":"https://api.github.com/repos/ga-naomi/relaxr-jquery","labels_url":"https://api.github.com/repos/ga-naomi/relaxr-jquery/issues/1/labels{/name}","comments_url":"https://api.github.com/repos/ga-naomi/relaxr-jquery/issues/1/comments","events_url":"https://api.github.com/repos/ga-naomi/relaxr-jquery/issues/1/events","html_url":"https://github.com/ga-naomi/relaxr-jquery/issues/1","id":140543499,"number":1,"title":"Assignment 4 Rubric","user":{"login":"emmacunningham","id":452850,"avatar_url":"https://avatars.githubusercontent.com/u/452850?v=3","gravatar_id":"","url":"https://api.github.com/users/emmacunningham","html_url":"https://github.com/emmacunningham","followers_url":"https://api.github.com/users/emmacunningham/followers","following_url":"https://api.github.com/users/emmacunningham/following{/other_user}","gists_url":"https://api.github.com/users/emmacunningham/gists{/gist_id}","starred_url":"https://api.github.com/users/emmacunningham/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/emmacunningham/subscriptions","organizations_url":"https://api.github.com/users/emmacunningham/orgs","repos_url":"https://api.github.com/users/emmacunningham/repos","events_url":"https://api.github.com/users/emmacunningham/events{/privacy}","received_events_url":"https://api.github.com/users/emmacunningham/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-03-13T23:35:33Z","updated_at":"2016-03-13T23:35:33Z","closed_at":null,"body":"#FEWD Week #4 Project: JavaScript Basics\r\n\r\n---\r\n\r\n\r\n###Description\r\n\r\n\r\nThe 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.\r\n\r\nStudent: Naomi Tsuji\r\n\r\nProject URL: https://github.com/ga-naomi/relaxr-jquery\r\n\r\n|                                                                                                                                                                                                                     |                                |                        |                          |\r\n|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------|------------------------|--------------------------|\r\n| Technical Requirements                                                                                                                                                                                              | Does Not Meet Expectations (0) | Meets Expectations (1) | Exceeds Expectations (2) |\r\n| Prevent attempted page navigation on anchor tag click with the ```event.preventDefault()``` function                                                                    |                                |                        |                x          |\r\n| Use the ```$.ready()``` handler to delay your code from executing until all DOM assets have been loaded                                                                                                             |                                |                        |       x                   |\r\n| Select the appropriate DOM elements with CSS selectors upon a user's click using the ```$.click()``` handler                                                                                                        |                                |                        |      x                    |\r\n| Have the text in the `<p>` tag slide down along with a \"Read Less\" link in the blog post using,```$.slideDown()``` and ```$.show()```                                                                              |                                |         x            |                          |\r\n| Hide the \"Read More\" link using ```$.hide()```                                                                                                                                                                      |                                |                        |        x                  |\r\n| Have the `<p>` slide up and hide the \"Read Less\" link using,```$.slideUp()``` and ```$.hide()```                                                                                                                   |                                |          x              |                          |\r\n| Show the \"Read More\" link using ```$.show()```                                                                                                                                                                      |                                |                        |          x                |\r\n| Using the same functions as above, if a user clicks the \"Learn More\" link in the sidebar, have the `<span>` inside that `<p>` slide down and hide the \"Learn More\" link using `$.slideDown()` and `$.hide()` |                                |         x               |                          |\r\n| TOTAL: 13/16                                                                                                                                                                                                    |                                |                        |                          |\r\n\r\n\r\nNaomi, great effort on the first jQuery Assignment!  While there were a couple of bugs in your project, overall you did a good job with wiring up the interactive elements for this assignment, and it seems you are becoming more comfortable with using JS to interact with HTML elements in the DOM.  As for the somewhat buggy interactions (clicking on any of the \"click-target\" links triggers the expansion of ALL hidden paragraphs), for this assignment, I would recommend keeping things simple: rather than try to handle these interactions by selecting elements with classes (which will bind click listeners to ALL members with that class), target each item uniquely using an id.  This becomes somewhat tedious, and there is definitely a way to approach this assignment using the method you set out with here, but we need to add a few more tools to our JavaScript toolbox to do so.  For the time being, when in doubt, use IDs to select things uniquely!"}}