Exercise:

Use a jQuery method to toggle between adding and
removing the "important" class from the <p> element, when you click on it.

Hint: Use the toggleClass() method.

<!DOCTYPE html>
<html>
<head>
<script src="../../ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("p").click(function(){
        $(this).toggleClass("important");
    });
});
</script>
<style>
.important {
    font-weight: bold;
    font-size: xx-large;
    background-color: yellow;
}
</style>
</head>
<body>

<p>This is a paragraph - Click me!</p>

</body>
</html>