Witam.
Dopiero się uczę HTML i CSS. Tworzę swój pierwszy projekt responsywny. Chciałem skorzystać z ikonki hamburger autorstwa JONSUH.
Wydaję mi się, że wykonałem wszystko jak w instrukcji podanej na stronie JONSUH, jednak ikona po kliknięciu nie reaguje.
Tak to u mnie wygląda: https://codepen.io/KamQiX/pen/xqNYWw
EDIT:
Plik style.css jest obecnie pusty.
Plik hamburgers.min.css jest nieedytowany pobrany ze strony. Znajduje się w folderze dist, a ten w tym samym folderze co plik index.html
<!DOCTYPE html>
<html lang="pl">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<link rel="stylesheet" href="style.css">
<link href="dist/hamburgers.min.css" rel="stylesheet">
<script src="code.js"></script>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<header>
<nav class="menu">
<button class="hamburger hamburger--slider" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</nav>
</header>
</body>
</html>
var $hamburger = $(".hamburger");
$hamburger.on("click", function(e) {
$hamburger.toggleClass("is-active");
// Do something else, like open/close menu
});