Witam.
Miało być proste ale jak zawsze jest jakiś problem.
A mianowicie zrobiłem menu w postaci listy:
ul#menu {
position: absolute;
background-color: blue;
bottom: 0px;
}
ul#menu > li {
position: relative;
z-index: 0;
background-color: red;
display: inline-block;
height: 80px;
width: 200px;
margin: 0px;
margin-right: 5px;
text-align: center;
font-family: 'Chelsea Market', cursive;
margin-bottom: -10px;
}
Wygląda to tak:
Przy użyciu jQuery chciałem aby po najechaniu myszką odpowiedni element listy podnosił się do góry.
<script type="text/javascript" charset="utf-8">
$("ul#menu > li").mouseenter(function() {
$(this).stop().animate({
marginBottom: "0px"
}, 200);
});
$("ul#menu > li").mouseleave(function() {
$(this).stop().animate({
marginBottom: "-10px"
}, 200);
});
</script>
Jednak po najechaniu na pojedynczy element w chwili obecnej wszystkie podnoszą się do góry.
Nie bardzo wiem jak to poprawić.
Bardzo proszę o pomoc :)
dodanie znaczników <code class="css"> i <code class="javascript">
- @furious programming