JSFiddle - React, Tailwind, and code Playground

by anupamsm

HTML

<div id="user-controls">     <div class="choice" id="choice-all" onclick="showAll();">All</div>     <div class="choice" id="choice-asus" onclick="justASUS();">ASUS</div>     <div class="choice" id="choice-htc" onclick="justHTC();">HTC</div> </div>  <div id="devices">     <div class="android asus">Nexus 7</div>     <div class="android htc">One S</div>     <div class="android htc">One X+</div>     <div class="android asus">Transformer Prime</div>     <div class="winph htc">Windows Phone 8X</div> </div>

CSS

.choice{
margin:10px;
    background:#FF7800;
}

JavaScript

$(document).ready(function(){   
    $(".choice").click(function(){
         $(".android,.winph").hide();
        if($(this).attr("id")=="choice-all"){
            $(".android,.winph").show();
        }else if($(this).attr("id")=="choice-asus"){
            $(".asus").show(); 
        }else if($(this).attr("id")=="choice-htc"){
            $(".htc").show(); 
        }
    });
});