JSFiddle - React, Tailwind, and code Playground

by dgrebb

HTML

<section id="entries">
      
    <article id="mindyproject" data-category="comedy,returning" class="entry clearfix animated_250 fadeInDown" style="-webkit-animation: 0ms; display: block;">
        <div class="social">Social<br>Buzz
          <div class="sep"></div><span class="twitter"><span class="mask"></span><span data-percentage="50" class="progress" style="top: 18px;"></span></span>
        </div><img src="http://placehold.it/223x198/000/fff" alt="" class="feature">
        <div class="details">
          <h1 class="headline">The Mindy Project<span class="category">(Comedy)</span></h1>
          <p>A sitcom about an ob-gyn who wishes her personal life were as successful as her professional one and matched the fairy-tale endings of her favorite romantic comedies.</p>
          <div class="clearfix">
            <div class="airing">Airing:<span>Thursdays<br> 9:30pm ET</span></div>
            <div class="related">You'll Also Like:
              <ul>
                <li>Vestibulum Mollis</li>
                <li>Risus Dapibus</li>
                <li>Pharetra</li>
              </ul>
            </div>
            <div class="actions"><a href="http://xfinitytv.comcast.net/watch/The-Mindy-Project/6942843056135576112/full-episodes">Watch Full Episodes</a><a href="#">Watch a Preview</a></div>
          </div>
        </div>
      </article><article id="backinthegame" data-category="comedy,new" class="entry clearfix animated_250 fadeInDown" style="-webkit-animation: 150ms; display: block;">
        <div class="social">Social<br>Buzz
          <div class="sep"></div><span class="twitter"><span class="mask"></span><span data-percentage="50" class="progress" style="top: 18px;"></span></span>
        </div><img src="http://placehold.it/223x198/000/fff" alt="" class="feature">
        <div class="details">
          <h1 class="headline"><span class="new">new</span>Back in the Game<span class="category">(Comedy)</span></h1>
          <p>A divorced single mom and former...

JavaScript

var ids = [homeland,dads,theoriginals,parenthood,elementary,betrayal,sleepyhollow,backinthegame,modernfamily,boardwalkempire,raisinghope,grimm,welcometothefamily,trophywife,dracula,chicagofire,goodwife,reign,themillers,mindyproject,keyandpeele,superfunnight,theblacklist,agentsofshield,thecrazyones,lucky7,thegoldbergs,wearemen,onceuponatimeinwonderland,ironside,hawaiifiveo,brooklynninenine,seansavestheworld,michaeljfoxshow,mastersofsex,momabc];

var items = $("#entries article").remove();
$.each(ids, function(index, id) {
    $(items).filter(ids[index]).appendTo("#entries");
});