jQuery toggleClass example

Toggle class name on click in jQuery

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styling/main.css">
<title>Title</title>
</head>
<body>

<div>hello world!</div>

</body>
</html>

CSS

body{
    border: 1px dashed orangered;
    margin: 0 auto;
    width:90%;
    height:500px;
    background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTK7PRtGXnzNGOYQkswiaINU_VetoVdDmK53Q&usqp=CAU");
    background-size: 90% 500px;
    background-origin: border-box;
}

div{
    border: 5px dashed green;
    margin: 50px;
    padding: 30px;
}