Question: Proficient in: HTML & CSS Recent Projects Broadway MOVE JavaScript Recent Projects Password Validator Whale Talk jQuery Recent Projects Coming soon... ....................... body { font-family:

Proficient in:

HTML & CSS

Recent Projects

  • Broadway
  • MOVE

JavaScript

Recent Projects

  • Password Validator
  • Whale Talk

jQuery

Recent Projects

  • Coming soon...

.......................

body { font-family: Helvetica; padding: 2em; background-color: whitesmoke; }

h1 { font-size: 2.5em; }

.skillset { display: flex; justify-content: space-between; flex-wrap: wrap; }

.skill-html { background-color: #E55126; }

.skill-js { background-color: #E5A227; }

.skill-jquery { background-color: #0C73B8; }

.skill-html, .skill-js, .skill-jquery { width: 100%; padding: 1em 3em 2em 2em; margin: 0.5em; color: whitesmoke; }

.projects-button { padding: 0.75em 1.25em; background-color: whitesmoke; opacity: 0.9; width: 10em; color: black; }

ul { list-style: none; padding: 0; }

.projects { margin: 1em 0; }

.active { background-color: #333333; color: whitesmoke; }

................................

function main() {

$('.skillset').hide();

$('.skillset').fadeIn(1000);

$('.projects').hide();

$('.projects-button').on('click', function() {

$(this).next().slideToggle(400);

$(this).toggleClass('active');

$(this).text('Projects Viewed');

});

}

$(document).ready(main);

Make some change to the program. The change should involve a use of jquery. Explain what it does and provide the code

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!