<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.change-form-link{padding:20px;display:inline-block;font-weight:900;border-bottom:3px solid transparent;text-decoration:none;cursor: pointer;}
.change-form-link:hover{text-decoration: none;}
.active{border-bottom:3px solid #ff7b33;color:#ff7b33;}
</style>
</head>
<body>
<article>
<header>
<nav>
<a target="1" class="change-form-link active">DIABLO</a>
<a target="2" class="change-form-link">STARCRAFT</a>
</nav>
</header>
<section class="container container-show" id="1">
<p>Diablo 2 podzielone zostało na 4 akty. Każdy z nich rozgrywać się będzie w zupełnie inne scenerii. Raz jest to zwyczajny teren pełen zieleni i łąk, innym razem jest to wielka pustynia, bagna, aż w końcu samo piekło. Każdy z rozdziałów przygody rozpoczniemy w osiedlu będącym naszą niejako bazą. To właśnie tutaj przebywać będą wszystkie ważne postacie, takie jak handlarze, kowale czy też NPC zlecający nam misje. W prawdzie ich liczba nie jest zbyt wielka, bo to ledwie kilka osobistości na akt, ale w zupełności starczą na potrzeby gry. Bardzo fajną sprawą jest losowe generowanie lokacji, znane już z pierwszej części Diablo. Dzięki temu rozgrywka zawsze wygląda nieco inaczej i nie ma możliwości gry „na pamięć”. Rzecz jasna, nasza podróż nie toczy się jedynie na otwartym terenie: nie raz przyjdzie nam zejść do głębokich jaskiń, do mrocznych grobowców, zwiedzić jakąś świątynie czy też więzienie.</p>
</section>
<section class="container container-show" id="2" style="display: none">
<p>O StarCraft słyszał chyba każdy chociaż odrobinę interesujący się grami. Ta wiekowa, ale wciąż popularna produkcja doczeka się wkrótce odświeżonego wydania. Producent przybliżył kwestię tego, kto będzie mógł się nią cieszyć.
I zgodnie z przypuszczeniami, do zabawy przystąpi chyba każdy zainteresowany. Ujawnione przez Blizzard wymagania sprzętowe są bardzo niskie, nawet te zalecane z bardzo dużą nawiązką spełniają kilkuletnie komputery..</p>
</section>
</article>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script>
$('.change-form-link').click(function(e) {
e.preventDefault();
$('.container-show').hide();
$('#'+this.target).show();
$('.change-form-link').removeClass('active');
$(this).addClass('active');
});
</script>
</body>
</html>Komentarze wyłączone