JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dot-nav">
    <div class="scroll-link sel" data-id="home" id="home-btn">
      
    </div><br>
    <div class="scroll-link nsel" data-id="about" id="about-btn">

    </div><br>
    <div class="scroll-link nsel" data-id="power" id="power-btn">
        
    </div><br>
</div>

CSS

.dot-nav
{background:#000;}

.sel{
    background:url('https://www.currintly.com/images/nav-s.png') no-repeat;
    width:21px;
}

.nsel{
    background:url('https://www.currintly.com/images/nav-ns.png') no-repeat;
    width:21px;
}

#home-btn,#about-btn,#power-btn{
    width:21px;
    height:21px;
}

JavaScript

$( "#home-btn" ).click(function() {
    $( "#home-btn" ).removeClass( "nsel" );
    $( "#home-btn" ).addClass( "sel" );
    
    $( "#about-btn" ).removeClass( "sel" );
    $( "#about-btn" ).addClass( "nsel" );
       
    $( "#power-btn" ).removeClass( "sel" );
    $( "#power-btn" ).addClass( "nsel" );
});

$( "#about-btn" ).click(function() {
    $( "#home-btn" ).removeClass( "sel" );
    $( "#home-btn" ).addClass( "nsel" );
    
    $( "#about-btn" ).removeClass( "nsel" );
    $( "#about-btn" ).addClass( "sel" );
    
    
    $( "#power-btn" ).removeClass( "sel" );
    $( "#power-btn" ).addClass( "nsel" );
});

$( "#power-btn" ).click(function() {
    $( "#home-btn" ).removeClass( "sel" );
    $( "#home-btn" ).addClass( "nsel" );
    
    $( "#about-btn" ).removeClass( "sel" );
    $( "#about-btn" ).addClass( "nsel" );  
    
    $( "#power-btn" ).removeClass( "nsel" );
    $( "#power-btn" ).addClass( "sel" );
});