title: Is it possible to rotate font awesome 5 icons on click?
body: <p>I would like to rotate an fontawesome 5 icon (which is in an panel) 180 degree on click.</p>
  
  <pre><code>&lt;div class="panel panel-default"&gt;
      &lt;div class="panel-heading"&gt;
          &lt;a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"&gt;
              &lt;div class="panel-title clearfix"&gt;
                  &lt;span&gt; Hello world&lt;/span&gt;
                  &lt;i class="fas fa-chevron-down"&gt;&lt;/i&gt;
                &lt;/div&gt;
              &lt;/a&gt;
            &lt;/div&gt;
  </code></pre>
  
  <p>I'm using SVG + JS version of Font Awesome.</p>