[jQuery] Wysuwany blok Opcje

[adam882]

Witam

Chcę zrobić w jquery tak, aby boczny pasek z kategoriami: <div id="kat_blok">...</div> po najechaniu myszką przesuwał się do góry (nakładając się na blok nadrzędny <div id="lokalizacja">...</div>), a po odjechaniu myszką żeby wrócił na swoje miejsce. Wykombinowałem coś takiego:

[JAVASCRIPT] pobierz, plaintext 
var lock = false, lock2 = false;
 
$('#kat_blok').mouseover(function()
{
 
	if(!lock)
	{
		$('#lokalizacja').hide(100);
	}
	lock = true;
 
 
}).mouseout(function()
{
	if(lock){	
		if(!lock2)
		{
			$('#lokalizacja').show(100,function(){lock=lock2=false;});
		}
		lock2 = true;
	}
 
});
[JAVASCRIPT] pobierz, plaintext 

Wygląda to tak, że blok nadrzędny po prostu znika, a w jego miejsce wskakuje blok pod spodem (ale efekt jest osiągnięty). Tylko jest problem - po najechaniu na niego myszką - blok skacze od góry do dołu, a po odjechaniu wraca na swoje miejsce. Jak zrobić, aby po najechaniu blok przeniósł się do góry, a po odjechaniu wrócił na swoje miejsce.

Ten post edytował adam882 18.12.2011, 17:29:32