JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input id="text">
    <div class="search_prompt">Search prompt</div>
</form>

JavaScript

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


$('.simplefavorite-button').on('click', function (e) {
    
    $('.sfgcart').toggleClass("sfgcartfull"); 
    $('.sfgcollections').toggleClass("sfgcollectionshide");

    $(".sfgcart").unbind("click", e);
    $(".sfgcollections").unbind("click", e);    
});



});

//     $('.sfgcollections').toggleClass("sfgcollectionshide");


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



$('.simplefavorite-button').on('click', function (e) {
    $('.sfgcart').toggleClass("sfgcartfull");
}).on('click', function (f) {
    $('.sfgcollections').toggleClass("sfgcollectionshide");
});
 




});

//     $('.sfgcollections').toggleClass("sfgcollectionshide");