Onclick addClass and removeClass - with Jquery

  <style>
  p {
    color: red;
    margin: 5px;
    cursor: pointer;
  }

  .active{color:#fff; background:red; padding:5px;}
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>



<p>First Paragraph</p>
<p>Second Paragraph</p>
<p>Yet one more Paragraph</p>

  <script>
$("p").click(function() {
      $("p.active").removeClass('active');
  $( this ).addClass('active');
});
</script>