jQuery toggleClass example

Toggle class name on click in jQuery

by Simon Price

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Summernote Example</title>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.18/summernote-bs4.min.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.18/summernote-bs4.min.js"></script>
</head>
<body>
    <div id="summernote">Hello, Summernote!</div>
    <script>
        $('#summernote').summernote({
            placeholder: 'Edit your content here',
            tabsize: 2,
            height: 100
        });
    </script>
</body>
</html>

JavaScript

// find elements
var banner = $("#banner-message")
var button = $("button")

// handle click and add class
button.on("click", () => {
  banner.toggleClass("alt")
})