[JavaScript] Jquery - podświetlany blok Opcje

[adam882]

Witam

Mam taki kod:

[HTML] pobierz, plaintext 
$("div#typ_in").mouseover(
function()
{
$("div#wybierz").fadeIn("fast", 
	function()
	{
		$("div#wybierz").css('display','inherit');
	}
);
 
 
}).mouseout(
function()
{
$("div#wybierz").fadeOut("fast", 
	function()
	{
		$("div#wybierz").css('display','none');
	});
});
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<!-- element o ID wybierz ma domyślnie atrybut "display:none" -->
<div id="typ_in">
		<div id="typ"><a href="#">Wybierz typ</a></div>
			<div id="wybierz">
				<div id="w_blok">
					<a href="#">? Oferuję</a>
					<a href="#">? Poszukuję</a>
				</div>
			</div>
		</div>
</div>
 
[HTML] pobierz, plaintext 

Chcę zrobić tak, aby po najechaniu na "Wybierz typ" pojawiło się okienko "wybierz". Udało mi się to zrobić, ale gdy chciałem dodać efekt "fade" pojawiły się problemy - mianowicie jeżeli zaznaczę kursorem link "Wybierz typ" i odjadę nim, to prawie za każdym razem okienko przy zamykaniu kilka razy "mruga". Co może być źle w kodzie?

Ten post edytował adam882 14.12.2011, 10:12:56

[zegarek84]

identyczny problem choć z inną funkcją:
jquery zapamiętywanie triggerów

[adam882]

Zrobiłem tak:

[JAVASCRIPT] pobierz, plaintext 
var lock = false, lock2 = false;
    $("div#typ_in").mouseover(
    function()
    {
		!lock && $("div#wybierz").fadeIn("fast",
			function()
				{
					$("div#wybierz").css('display','inherit');
						lock = true;
				}
 
 
 
    );
 
 
    }).mouseout(
    function()
    {
		if(lock){
			!lock2 && $("div#wybierz").fadeOut("fast",
			function()
				{
					$("div#wybierz").css('display','none');
				});
			lock2 = true;	
		}		
    });
 
[JAVASCRIPT] pobierz, plaintext 

Po najechaniu na link, blok wyświetla się, ale po najechaniu na ten blok - znika. Zaraz potem w ogóle nie chce się wyświetlać.

Ten post edytował adam882 14.12.2011, 12:07:12

[zegarek84]

kod poprawiam ci na "pałę" - nie zamierzam analizować jeśli Tobie nie chce się zrozumieć o co chodzi i niemal skopiować z tamtego tematu ;p

[JAVASCRIPT] pobierz, plaintext 
var lock = false, lock2 = false;
    $("div#typ_in").mouseover(
    function()
    {
		!lock && $("div#wybierz").fadeIn("fast",
			function()
				{
					$("div#wybierz").css('display','inherit');
 
				}	
    );
   lock = true;  
 
    }).mouseout(
    function()
    {
		if(lock){
			!lock2 && $("div#wybierz").fadeOut("fast",
			function()
				{
					$("div#wybierz").css('display','none');
lock=lock2=false;
				});
 
		}	
lock2 = true;	
    });
 
[JAVASCRIPT] pobierz, plaintext 

nie gwarantuję, że zadziała - trochę wcięcia masz kiepskie to może delikatnie w złe miejsca wstawiłem ;p