title: Changing accordion arrow direction when clicked
body: <p>I have accordion with arrows. The goal to achieve is to make change div classes when active accordion slides down. My only result was - changing all div classes from arrow-down to arrow-up. How to change only active?</p>
  
  <p><a href="https://codepen.io/anon/pen/aygeyj" rel="nofollow noreferrer">https://codepen.io/anon/pen/aygeyj</a></p>
  
  <pre><code>$('.accordion-item').click(function(e) {
      e.preventDefault();
  
      var $this = $(this);
      var $arrow = $('.accordion-arrow');
  
      if ($this.next().hasClass('show')) {
          $this.next().removeClass('show');
          $this.next().slideUp(350);
      } else {
          $this.parent().parent().find('li .inner').removeClass('show');
          $this.parent().parent().find('li .inner').slideUp(350);
          $this.next().toggleClass('show');
          $this.next().slideToggle(350);
      }
  });
  </code></pre>