<!DOCTYPE html>
<html>
<head>
<title>jQuery toggleClass() method</title>
<script src="jquery-latest.min.js"></script>
<script>
$(document).ready(function() {
$(".add").click(function(){
$("p").toggleClass("param", true);
});
$(".remove").click(function(){
$("p").toggleClass("param", false);
});
});
</script>
<style type="text/css">
.param {
font: 16px Verdana, Arial;
font-weight: bold;
color: pink;
}
</style>
</head>
<body>
<p>First paragraph star here</p>
<p>Second paragraph star here</p>
<button class="add">Add class</button>
<button class="remove">Remove class</button>
</body>
</html>
