JSFiddle - React, Tailwind, and code Playground

by danielugalde

HTML

<div class="botones">
    <a class="addc" href="#">Boton A</a>
    <a class="" href="#">Boton B</a>
</div>
<p class="debug"></p>

CSS

.botones{}
.botones a{
    display:block;
    float:left;
    width:250px;
    height:50opx;
    background:violet;
}
addc{
    border:5px solid green;
}

JavaScript

var botones = $('.botones > a');
var debug   = $('.debug');



botones.click(function(){

    if(botones.hasClass('addc')){
        console.log('tieneClass');
        $(this).removeClass();
    }else{
        $(this).addClass('addc');
    };
   
    
});

debug.text('Tiene'+botones);