jQuery - Add / Remove / Toggle Class

Simple example for adding, removing and toggling a class.

HTML

<div class="other">

<div class="test active">
  <p>This is a test pargraph contained within a div element</p>
</div>


<div class="test">
  <p>This is a test pargraph contained within a div element</p>
</div>
</div>


<div class="checkoutMethodsContainer default">
<div class="test active">
  <p>This is a test pargraph contained within a div element</p>
</div>


<div class="test">
  <p>This is a test pargraph contained within a div element</p>
</div>
</div>

CSS

.active {
  background:red;
}

JavaScript

$(document).ready(function() {
  
		$('.checkoutMethodsContainer div').toggleClass('active');
 
});