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
- Broadway
- MOVE
JavaScript
- Password Validator
- Whale Talk
jQuery
- 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
Get step-by-step solutions from verified subject matter experts
