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

Сделал фильтр товаров, но он просто ужасный. Товары пропадают некрасиво и противно, .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);
		}
	});

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