JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main-search-continer">
    <form action="/content/testing.html">
        <input class="inputSearch" size="41" maxlength="2048" name="q" value="">
            
        <button type="button" class="js-btn-toggle_search">X Close</button>
    </form>
    <div class="clear"></div>
</div>

CSS

.js-btn-toggle_search {
    position:absolute;
    top: 0.5em;
    left: 50%;
}

JavaScript

$(document).on("click", "button.js-btn-toggle_search", function(){
    	var $btn = $(this)
        $("input.inputSearch").toggle(0, '', function() {
            if($(this).is(":visible")) {
            	$btn.text("X Close")
            } else {
    			$btn.text("Search")
            }
        })
    })