JSFiddle - React, Tailwind, and code Playground

HTML

<div id='search_button'>
    <input type='button' class='search_button' id='button_section' value='Section' />
    <input type='button' class='search_button' id='button_genre' value='Genre' />
</div>

JavaScript

$(":input[id='button_section']").on({ click:function() {
		$('#button_section').prop( 'disabled', 'disabled' ); //DĂ©sactivation du bouton de recherche par section.
		$('#button_genre').removeProp( 'disabled' ); //Activation du bouton de recherche par genre.
}});	

$(":input[id='button_genre']").on({ click:function() {
		$('#button_genre').prop( 'disabled', 'disabled' ); //DĂ©sactivation du bouton de recherche par genre.
		$('#button_section').removeProp( 'disabled' ); //Activation du bouton de recherche par section. 
}});