JSFiddle - React, Tailwind, and code Playground

HTML

<label for="error">error occured</label>


<a class="show" href="#">Show</a>
<a class="hide" href="#">Hide</a>

CSS

label[for="error"]{
    margin:100px auto 60px auto;
    color:Red; 
    line-height:40px;
    font-size:medium;
    display:none;    
}

JavaScript

$(document).ready(function () {
    
    var label = $('label[for="error"]');
    
    $('.show').on('click', function (e) {
        e.preventDefault();
        label.show();
        
    });
    
    $('.hide').on('click', function (e) {
        e.preventDefault();
        label.hide();        
    });
    
});