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();
});
});