JSFiddle - React, Tailwind, and code Playground

HTML

<a class="np-button" href="#" onclick="">Name Price</a>
                                <a class="login-button" style="width: 104px; display: none"  href="">Login</a>

JavaScript

$(".np-button").button();
            $(".login-button").button();                

$(".np-button").mouseover(function() { 
                        $(this).hide();
                        $(this).next().show();
                  });
                  $(".login-button").mouseout(function() {
                        $(this).hide();
                        $(this).prev().show();
                  });