Этот вопрос закрыт для ответов, так как повторяет вопрос Как отфильтровать определенные div с классами, совпадающие с дата-атрибутами ссылки?

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

Добрый день.

Как сделать, чтобы когда стоит 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>
  • Вопрос задан
  • 219 просмотров
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы
18 апр. 2024, в 21:56
2000 руб./за проект
18 апр. 2024, в 21:00
150 руб./за проект