active state in jquery

active-state.js

<script type="text/javascript">
 jQuery(document).ready(function(){
  jQuery(".panel-heading").on("click", function(e){
   var el = jQuery(e.currentTarget);

   if(el.data('open'))
    el.data('open', false);
   else
     el.data('open', true);

    if(el.data('open')){
     el.find('.svg-inline--fa').removeClass('fa-angle-right');
    el.find('.svg-inline--fa').addClass('fa-angle-down');
    }else{
     el.find('.svg-inline--fa').addClass('fa-angle-right');
    el.find('.svg-inline--fa').removeClass('fa-angle-down');
    } 
   
  })
 });
</script>