JSFiddle - React, Tailwind, and code Playground

by Nickolay Ilchenko

HTML

<p class='one'>text 1</p>
<p class='one'>text 2</p>
<p class='one'>text 3</p>

CSS

.selected {
    outline: 1px solid blue;
}

JavaScript

$('.one').click(function(){
    if( !$(this).hasClass('selected') ) {
        $('.one').removeClass('selected');
        $(this).addClass('selected');
    }
});