Cześć, może mi ktoś pomóc. Kiedy stronę wyświetlamy na urządzeniach mobilnych, to pojawia się menu RWD i chciałbym, aby po rozwinięciu menu kliknięciu na nie np: OFERTA schowało się (menu).
Link do strony: http://stronainternetowa01.96.lt/
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href="style.css"/>
<link rel="stylesheet" href="style_responsywne.css"/>
<script src="http://code.jquery.com/jquery-2.1.4.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Tinos&subset=latin-ext,latin' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lobster+Two&subset=latin-ext,latin' rel='stylesheet' type='text/css'>
</head>
<body>
<header id="przejsce1"><p0>Karczma<br>Pełna Micha</p0></header>
<nav>
<ul>
<li><a href="javascript:void();" onclick="scroll_to('#przejsce1');">O nas</a></li>
<li><a href="javascript:void();" onclick="scroll_to('#przejsce2');">Oferta</a></li>
<li><a href="javascript:void();" onclick="scroll_to('#przejsce3');">Menu</a></li>
<li><a href="javascript:void();" onclick="scroll_to('#przejsce4');">Kontakt</a></li>
<li><a href="javascript:void();" onclick="scroll_to('#przejsce5');">Galeria</a></li>
</ul>
<div class="handle">Menu</div>
</nav>
<section>
<article id="o_nas">
<p>O nas</p>
<p1>Pellentesque a dolor venenatis, rutrum velit sit amet, dictum orci. Donec vulputate sapien dolor, at porta lacus aliquam nec. In hac habitasse platea dictumst. Proin tempor faucibus mi, eget interdum nunc viverra sit amet. Etiam hendrerit porta lectus a luctus. In hac habitasse platea dictumst. Pellentesque gravida risus in lorem porta, ac efficitur elit luctus.
</p1>
</article>
<article id="przejsce2">
<p1>Pellentesque a dolor venenatis, rutrum velit sit amet, dictum orci. Donec vulputate sapien dolor, at porta lacus aliquam nec. In hac habitasse platea dictumst. Proin tempor faucibus mi, eget interdum nunc viverra sit amet. Etiam hendrerit porta lectus a luctus. In hac habitasse platea dictumst. Pellentesque gravida risus in lorem porta, ac efficitur elit luctus.
</p1>
</article>
<article id="przejsce3">
<p>Menu</p>
<p1>Pellentesque a dolor venenatis, rutrum velit sit amet, dictum orci. Donec vulputate sapien dolor, at porta lacus aliquam nec. In hac habitasse platea dictumst. Proin tempor faucibus mi, eget interdum nunc viverra sit amet. Etiam hendrerit porta lectus a luctus. In hac habitasse platea dictumst. Pellentesque gravida risus in lorem porta, ac efficitur elit luctus.
</p1>
</article>
<article id="przejsce4">
<p>Kontakt</p>
<p1>Pellentesque a dolor venenatis, rutrum velit sit amet, dictum orci. Donec vulputate sapien dolor, at porta lacus aliquam nec. In hac habitasse platea dictumst. Proin tempor faucibus mi, eget interdum nunc viverra sit amet. Etiam hendrerit porta lectus a luctus. In hac habitasse platea dictumst. Pellentesque gravida risus in lorem porta, ac efficitur elit luctus.
</p1>
</article>
<article id="przejsce5">
<p>Galeria</p>
<p1>Pellentesque a dolor venenatis, rutrum velit sit amet, dictum orci. Donec vulputate sapien dolor, at porta lacus aliquam nec. In hac habitasse platea dictumst. Proin tempor faucibus mi, eget interdum nunc viverra sit amet. Etiam hendrerit porta lectus a luctus. In hac habitasse platea dictumst. Pellentesque gravida risus in lorem porta, ac efficitur elit luctus.
</p1>
</article>
</section>
<script src="dist/js/lightbox-plus-jquery.min.js"></script>
<!-- script do rozwijania menu -->
<script>
$('.handle').on('click', function(){
$('nav ul').toggleClass('showing');
});
</script>
<!-- script do płynne przewijanie strony -->
<script>
function scroll_to(selector) {
$('html,body').animate({scrollTop: $(selector).offset().top}, 1000);
return false;
}
</script>
<!-- script do przyklejanego menu -->
<script>
$(document).ready(function() {
var NavY = $('nav').offset().top;
var stickyNav = function(){
var ScrollY = $(window).scrollTop();
if (ScrollY > NavY) {
$('nav').addClass('sticky');
} else {
$('nav').removeClass('sticky');
}
};
stickyNav();
$(window).scroll(function() {
stickyNav();
});
});
</script>
</body>
</html>
Reszta kodu w komentarzu.
