Как скрыть свое выпадающее меню? и положить черный за остальную часть навигационной панели ⇐ Jquery

[Anonymous]

Я делаю веб-сайт с использованием HTML, и теперь я хочу сделать раскрывающееся меню, которое медленно оживляет. Это мой код: < /p>

Код: Выделить всё

.nav {
background-color: #25AAA0;
position: fixed;
width: 100%;
margin: 0;
padding: 0;
z-index: 1000;
}

.nav_wrapper {
width: 90%;
margin: 0 auto;
text-align: left;
}

.nav ul {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
}

.nav ul li {
display: inline-block;
}

.nav ul li:hover {
background-color: #66C3BC;
}

.nav ul li a,
visited {
text-decoration: none;
color: white;
padding: 15px;
display: block;
}

.nav ul li a:hover {
padding: 15px;

}

.nav ul #dropdown {
position: absolute;
background-color: black;
top: 0
}< /code>


[list]
[*][url=#]Vanilla[/url]

[url=#]Survival[/url]
[*][url=#]Creative[/url]
[/list]

[*]
[url=#]Modded[/url]

[*]
[url=#]Servers[/url]

[*]
[url=#]Help[/url]

Это то, на что выглядит:

. Меню навигации, чтобы я мог скользить его с помощью jQuery. Кто -нибудь знает, как это сделать? Я уже пробовал что-то с Z-Index, но это не работает. И, пожалуйста, не говорите мне, как я могу анимировать скольжение, я не спрашиваю об этом, я спрашиваю, как я могу положить черные вещи за остальную часть навигационной панели.
Надеюсь, вы скоро отреагируете.

Подробнее здесь: https://stackoverflow.com/questions/361 ... navigation