jQuery Accordion snippet

jQuery Accordion

<ul class="accordion">
  <?php for($i=0; $i< 5; $i++): ?>
    <li>
        <a class="toggle" href="javascript:void(0);">Item 1 <i class="far fa-chevron-down"></i></a>
        <div class="inner">
        some inner textttttttt
        </div>            
    </li>
  <?php endfor; ?>
</ul>

<script>
$(".toggle").click(function (e) {
	e.preventDefault();

	var $this = $(this);
	$(".accordion li").removeClass("shown");

	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).parents("li").addClass("shown");
		$this.next().toggleClass("show");
		$this.next().slideToggle(350);
	}
});

<script>