JSFiddle - React, Tailwind, and code Playground

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div id="test" class="one-column">
    <div class="col1">
        Col 1
    </div>
    <div class="col2">
        Col 2
    </div>    
    <div class="col3">
        Col 3
    </div> 
</div>

JavaScript

var nums = { one: 1, two: 2, three: 3 };
var num = $("#test").attr("class").replace("-column","");
$("#test > div:not(.col" + nums[num] + ")").hide();