JSFiddle - React, Tailwind, and code Playground

by Pragnesh Chauhan

HTML

<div id="user-controls">
    <div class="choice" id="choice-all" onclick="justAll();">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>

JavaScript

$('#choice-all').click(function(){
    $('.htc, .asus').show();
});
    
$('#choice-asus').click(function(){
    $('.asus').show();
    $('.htc').hide();
});

$('#choice-htc').click(function(){
    $('.htc').show();
    $('.asus').hide();
});