Forum PHP.pl

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

Wrzuć to na jsbina i podeślij link, zaraz coś zaradzimy .

zapodaję linka do modyfikacji

http://jsbin.com/asibih/2

Ten post edytował marcus755 22.01.2013, 10:16:00

Chyba nie do końca zrozumiałem. Chcesz aby po najechaniu na obszar .slider zrobił się slideup .slider, tak?

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

jeżeli chodzi o kod wygląda dobrze i wg. tej logiki, tyle że u mnie pod linkiem które podałeś i u mnie jak sprawdzałem to nie działa...

już wiem dlaczego:-)
na ko końcu nie było
);
już działa...
Wielkie Dzięki:-)