JSFiddle - React, Tailwind, and code Playground

by praveen_jegan

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="flashlinks"><a href="#Blue" onclick="toggle_visibility('Blue');">Blue</a></li>
            <li id="" class="flashlinks"><a href="#Red" onclick="toggle_visibility('Red');">Red</a></li>
                                
         </ul>
                                                    
    </div>

JavaScript

function toggle_visibility(id) {
    
    var e = document.getElementById(id);
    
    console.log(e);
    if(e.style.display == 'block') {
        e.style.display = 'none';
    } else {
        e.style.display = 'block';
    }
}