jquery slider

Napisałem skrypt jQuery, coś w rodzaju slidera gdzie po kliknięciu na odnośnik za pomocą diplay pokazywany i krywany jest pewna część strony. Wszystko działa ale nie wiem czy jest to dobre rozwiązanie, czy nie da sie tego zrobic prościej, krócej

$(document).ready(function(){

	$(".trending-items-nav .show-item-1").on("click", function(){
		$(".shown").removeClass("shown").addClass("hidden");
		$(".item-1").removeClass("hidden").addClass("shown");

		$(".active-slide").removeClass("active-slide");
		$(".show-item-1").addClass("active-slide");
		
		event.preventDefault();
	});

	$(".trending-items-nav .show-item-2").on("click", function(){
		$(".shown").removeClass("shown").addClass("hidden");
		$(".item-2").removeClass("hidden").addClass("shown");

		$(".active-slide").removeClass("active-slide");
		$(".show-item-2").addClass("active-slide");
		
		event.preventDefault();
	});

	$(".trending-items-nav .show-item-3").on("click", function(){
		$(".shown").removeClass("shown").addClass("hidden");
		$(".item-3").removeClass("hidden").addClass("shown");

		$(".active-slide").removeClass("active-slide");
		$(".show-item-3").addClass("active-slide");
		event.preventDefault();
	});

	$(".trending-items-nav .show-item-4").on("click", function(){
		$(".shown").removeClass("shown").addClass("hidden");
		$(".item-4").removeClass("hidden").addClass("shown");

		$(".active-slide").removeClass("active-slide");
		$(".show-item-4").addClass("active-slide");
		event.preventDefault();
	});


});