title: How to add Class and Remove Class on anchor Click
body: <p>I am Implementing theme which is the user can select a theme with a click so when I click on setting icon it's run perfectly it's opening but when I click on it again is not closing with jQuery 3.4.1.</p>
  
  <p>Here is my jquery3.4.1 code </p>
  
  <pre><code> $(document).ready(function(){
    $(".theme-button").click(function(){
     $(".theme-colors").addClass("shown");
     $(this).removeClass("shown");
    });
  });  
  </code></pre>
  
  <p>and i want also in javascript </p>
  
  <p>Here is CDN which is I'm using</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/&gt;
  </code></pre>
  
  <p>My expectation is again clicked to close means open and close</p>
  
  <p>jsfiddle <a href="https://jsfiddle.net/368kpu1g/2/" rel="nofollow noreferrer">Here</a></p>