Sitewide or product search show/hide using an icon

add_action( 'wp_enqueue_scripts', function() {

	wp_enqueue_script( 'jquery' );

	wp_add_inline_script( 'jquery', '

		jQuery( document ).ready( function( $ ) {

			$( "div.widget_search, div.widget_product_search" ).each( function() {
				$( this )
					.append(
						"<a href=\"#\" class=\"toggler\"><i class=\"fas fa-search\""
						+ " aria-label=\"Search\"></i></a>"
					)
					.find( "form" ).each( function() {
						$( this ).hide().addClass( "hidden" );
					} );
			} );

			$( "div.widget_search a.toggler, div.widget_product_search a.toggler" )
				.click( function() {
				$( this ).parent().find( "form" ).each( function() {
					if( $( this ).hasClass( "hidden" ) ) {
						$( this ).fadeIn().removeClass( "hidden" );
					} else {
						$( this ).fadeOut().addClass( "hidden" );
					}
				} );
			} );

		} );

	', 'after' );

} );