1
Я пытаюсь сделать вторую навигацию по раскрывающимся спискам здесь, все, что я хочу, чтобы сделать это, слайд вниз приятно после того, как оно было запущено, чтобы показать, и оно скользит вниз. Однако он исчезает сразу после второго или около того, почему он это делает?Почему мой jquery сбрасывается?
HTML
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<header></header>
<nav>
<a href="">Toggle</a>
</nav>
<div id="lower_nav">
This is some text.
</div>
<div></div>
<footer></footer>
</body>
</html>
SASS
*
margin: 0
header
background-color: tomato
height: 120px
nav
background-color: brown
padding: 20px
a
color: white
div
background-color: f0f0f0
#lower_nav
background-color: blue
padding: 20px
color: white
display: none
Jquery
$(function() {
$("a").on("click", function() {
$("#lower_nav").slideDown();
});
});