Feedback Appreciated

You can omit the creation of variables for things that will only be used once, and apply the method directly to the selector. And an arrow function can make the callback definition more compact. For example:

$('.circleThree').on('click', _=> $cardBox.slideToggle());

And here's what MDN says about the <xmp> tag:

This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.

Also, were you aware that there is also a "slideToggle" function?

Hey Stephen, thank you for the feedback, i don't think the jQuery basics course has covered arrow functions, but i vould be wrong. I did learn about them in the JavaScript basics though so i have an understanding on how they work. I will rewrite it using them. No, i wasnt aware that there was a slideToggle function. I think i need to do some research and more playing around to familiarize myself more with other functions and learn more outside of what the course has thought me. I will post an updated one in a couple of days and hopefully it'll be compact and some new features. Thanks for the tips and feedback, its much appreciated