Как сравнить значение data с классом JQuery?

Question

[Владислав]

Добрый день.

Как сделать, чтобы когда стоит All показывались все блоки, если нажато blog или Sport, то блоки где соответствующего класса нет - скрывались, а те где класс есть оставались.
Часть кода уже есть https://codepen.io/Vladddosss/pen/jjbWVK

Нужно, чтобы это работало автоматически, то есть, чтоб классы и дата брались и стравнивались, без прописывания классов в скрипте.
Перелапатил кучу материала, значие дата получил, а как его сравнить с классом не знаю.
<nav class="navigation-demos">
			<ul>
				<li>
					<a href="#all" class="active" data-filter="all">All</a>
				</li>
				<li>
					<a href="#blog" class="" data-filter="blog">Blog</a>
				</li>
				<li>
					<a href="#sport" class="" data-filter="sport">Sport</a>
				</li>
			</ul>
		</nav>
<div class="container">

		<div class="item blog">
		</div>

		<div class="item sport">
		</div>

		<div class="item sport">
		</div>

		<div class="item sport">
		</div>