JSFiddle - React, Tailwind, and code Playground

HTML

<div class="threeSixtyContainer">
                                                                        
    
        <div class="toggle360" style="display: block;" id="Blue">Im Blue</div>
        <div class="toggle360" style="display: none;" id="Red">Im Red</div>

        <ul class="flashlinks">
                                                            
            <li id="" class="flashlinks0\"><a href="#Blue" class="disabled">Blue</a></li>
            <li id="" class="flashlinks"><a href="#Red">Red</a></li>
                                
         </ul>
                                                    
    </div>

CSS

.disabled {
    color: black;
    text-decoration:none;
}

JavaScript

$(document).delegate('.flashlinks a:not(".disabled")', 'click', function () {
  $('.toggle360').toggle();
  $('.flashlinks a').toggleClass("disabled");
});

$(document).delegate('.flashlinks a.disabled', 'click', function () {
  e.preventDefault();
});