JSFiddle - React, Tailwind, and code Playground

by Dude Dude

HTML

<script>
        

    window.onload= function() {
    document.getElementById('toggler').onclick = function() {
        openbox('box', this);
        return false;
    };
};
function openbox(id, toggler) {
    var div = document.getElementById(id);
    if(div.style.display == 'block') {    
        div.style.display = 'none';

        toggler.innerHTML = 'Открыть';
    }
    else {
        div.style.display = 'block';
        toggler.innerHTML = 'Закрыть';
    }
}
    </script>
    <!-- <script>	window.onload= function() {
    document.getElementById('home').onclick = function() {
        openHomeBox('homeBox', this);
        return false;
    };
};
function openHomeBox(id, home) {
    var div = document.getElementById(id);
    if(div.style.display == 'block') {    
        div.style.display = 'none';

        homeBox.innerHTML = 'Открыть';
    }
    else {
        div.style.display = 'block';
        homeBox.innerHTML = 'Закрыть';
    }
}
</script> -->

<body>
<a id="toggler" href="#">Открыть</a>
 <div id="box" style="display: none"> Отображаемый блок</div>

<!--
<p><a id="home" href="#">Home</a></p>
<div id="homeBox"></div>
    -->
</body>