1. Create a new function called animatePress(), it should take a single input parameter called currentColour.

2. Take a look inside the styles.css file, you can see there is a class called "pressed", it will add a box shadow and changes the background colour to grey.

3. Use jQuery to add this pressed class to the button that gets clicked inside animatePress().

4. use Google/Stackoverflow to figure out how you can use Javascript to remove the pressed class after a 100 milliseconds.

Once complete, you will get this effect when you click on any button.

Note: If you need any hints, try scrolling down. 👇





















Hint 3. https://api.jquery.com/addclass/

Hint 4. https://www.google.co.uk/search?q=how+to+add+delay+javascript