slideDown/slideUp na przykładzie, jak zapanować nad .hover? Opcje

[marcus755]

Zrobiłem coś takiego:

html:

<div class="slider"></div>

<nav id="menu-nav">
<ul>
<li><a class="active_btn" id="slider" href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Link4</a></li>
</ul>
<script>

$("#slider").hover(function () {
if ($(".slider").is(":hidden")) {
$(".slider").slideDown("fast");
} else {
$(".slider").slideUp();
}
});

</script>
</nav>


działa,
ale chcę aby, gdy przesuwam się poza obszar div'a pod którego podczepiona jest klasa .slider,
robił się slideUp, a nie jak jest teraz, że jak zjeżdżam z linka w menu, to już wtedy, robi mi się slideUp.

a tu klasa .slider w css:

.slider {
width:100%;
height:300px;
display:none;
position:absolute;
background-color:#ccc;
z-index:1;
}

jak to zrobić?

Ten post edytował marcus755 22.01.2013, 10:07:11

[marcus755]

Chcę aby po najechaniu na link wysunął mi się .slider i nie znikał mi, gdy jestem w tym obszarze, dopiero gdy zjadę poza obszar .slider - wtedy aby zrobił się slideUp.
Tak jak często to ma miejsce na różnych stronach, że najeżdżam na link, wysuwa mi się obszar, w którym może być menu lub inne teksty, itp.

Ten post edytował marcus755 22.01.2013, 14:01:19