THIS IS ALL THE INFORMATION PROVIDED

Use your browser to research the jQuery hide() and show() methods. Use thescript.jsfile to write the jQuery functionsremoveanddisplaywhich make the paragraph elements within the article elements hide and show. Use theHideandShowbuttons to call your functions. TheHidebutton hides the content nested inside the article. TheShowbutton displays the content nested inside the article.

It must be done in the script.js file

-- INDEX.HTML FILE ---

Chapter 10, Extend

Learning How to Use jQuery

I know how to create HTML pages.

I know how to style webpages with CSS.

I know how to add functionality to webpages with JavaScript.

I understand how to use the jQuery library.

Hide

Show

The latest version of jQuery is:

Resource used to complete this assignment:

-- STYLES.CSS FILE --

body {

background-color: #799178;

color: #fff;

}

#wrapper {

width: 80%;

margin-left: auto;

margin-right: auto;

}

h1 {

text-align: center;

font-size: 2.5em;

font-family: Arial, sans-serif;

}

#main {

margin-top: 5% 0;

font-size: 1.5em;

font-family: Verdana, Arial, sans-serif;

padding: 2em;

}

footer {

margin: 0 4%;

padding: 2%;

background-color: #e6feec;

color: #025114;

}

button {

width: 6em;

height: 3em;

background-color: #025114;

color: #fff;

font-weight: bold;

font-size: 1em;

}