JSFiddle - React, Tailwind, and code Playground

HTML

<div id="user-controls">
    <div id="choice-all">All</div>
    <div id="choice-asus">ASUS</div>
    <div id="choice-htc">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

#user-controls div { margin:4px; background:#ccc; padding:4px; float:left; cursor:pointer; }

#devices { clear:both; }

JavaScript

$(function(){
    $("#user-controls").on('click','div',function(){
       var classToShow = this.id.split('-')[1],
           filter = classToShow === "all" ? 'div': '.' + classToShow;
       $("#devices")
           .children().show()
           .not(filter).hide();
    });  
});