JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<div class="storefront-handheld-footer-bar">
<ul>
<li class="search"><a href="">Search 1</a></li>
<li class="search"><a href="">Search 2</a></li>
<li class="search"><a href="">Search 3</a></li>
</ul>
</div>

JavaScript

[].forEach.call( document.querySelectorAll( '.storefront-handheld-footer-bar .search > a' ), function( anchor ) {
			anchor.addEventListener( 'click', function( event ) {
      console.log("Clicked")
				anchor.parentElement.classList.toggle( 'active' );
				event.preventDefault();
			} );
		} );