Как сделать красивую фильтрацию?

Question

[AlexWebDev]

Сделал фильтр товаров, но он просто ужасный. Товары пропадают некрасиво и противно, .hide и .show у jquery тоже не совсем то, что мне надо. Гуглом я уже пользовался, но в тех источниках, которые я смотрел, все сводится к такому коду:

$(".portfolio-btn").on("click", function (e) {
		e.preventDefault();
		let id = $(this).attr("id");
		if ( id == "all") {
			$(".all").addClass("hide");
			setTimeout(function () {
				$(".all").removeClass("hide");
			}, 300)
		} else {
			$(".all").addClass("hide");
			setTimeout(function () {
				$("." + id).removeClass("hide");
			},300);
		}
	});

То есть все блоки скрываем, и показываем нужные. Как это сделать красиво?

Comments

[Dymok]

https://isotope.metafizzy.co/

Answer 1

[skuvaWeb]

Вот интересная библиотека

Answer 2

[Максим]

https://codepen.io/topicstarter/pen/odjrpa 46 раз показываю

Answer 3

[Вадим Кот]

Shuffle, github ("к сожалению" не использует jQuery)