JSFiddle - React, Tailwind, and code Playground

by shano

HTML

<!--    If ticked, show green
        If unticked, show yellow -->
            
<input name="choiceDiv" type="checkbox" id="choiceDiv" value="1" unchecked>      

    <div id="option1">
        Option1:
    </div>
    
    <div id="option2">
        Option2:
    </div>

CSS

div#option1 { background-color:yellow; width:300; height:200;}
div#option2 { background-color:green; width:300; height:200;}

JavaScript

$(document).ready(function() {
    $('#choiceDiv').click(function() {
        if ($('#choiceDiv').is(':checked')) {
        $("#option1").show();     
        $("#option2").hide();           
    }
    else{
        $("#option2").show();     
        $("#option1").hide();      
    }
    })
    });