<script>
            jQuery("li.menu-item-has-children i.mobile-arrows").click(function() {
                jQuery(this).parent().find('ul:first').slideToggle(300);
                jQuery(this).parent().find('> .mobile-arrows').toggleClass('is-open');
            });
</script>

<style type="text/css">
#mobile-menu .mobile-arrows.is-open {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
</style>