JSFiddle - React, Tailwind, and code Playground

by Akram kamal

HTML

<input type="checkbox" id="walking"/>Walking
<input type="checkbox" id="male"/>Male
<input type="checkbox" id="female"/>Female
<input type="checkbox" id="standing"/>Standing
<br />Select and then <button onclick="run()">Click</button>

<div class="male walking" style="display:none">male walking</div>
<div class="male standing"style="display:none">male standing</div>
<div class="standing female"style="display:none">female standing</div>
<div class="female walking"style="display:none">female walking</div>

JavaScript

function run() {
    var choice = "";
    $(":checked").each(function() {
       choice += "." + this.id;
    });
    $("div" + choice).css("display","block")
}