JSFiddle - React, Tailwind, and code Playground

by adrianlynch

HTML

<script src="http://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js"></script>
<div class="filter" data-filter="all">Show All</div>
<div class="filter" data-filter=".category-1">Category 1</div>
<div class="filter" data-filter=".category-2">Category 2</div>

<div id="Container">
	<div class="mix category-1" data-myorder="2">A1</div>
	<div class="mix category-2" data-myorder="4">B2</div>
	<div class="mix category-1" data-myorder="1">C1</div>
	<div class="mix category-2" data-myorder="8">D2</div>
</div>

CSS

#Container .mix {
	display: none;
}

JavaScript

$(function(){

	// Instantiate MixItUp:

	$('#Container').mixItUp();

});