Witajcie.

Nie mogłem znaleźć konkretnej odpowiedzi choć szukałem długo.

Od dawna zastanawia mnie jak zrobić coś takiego - najlepiej jak opiszę na przykładzie.



Jak widać po najechaniu na '.costam' costam sie pojawi. Jak zrobić, żeby popup pojawił się ale tylko w tedy jak kursor będzie wisiał nad 'costam' przez określoną ilość sekund? I żeby wcale się nie pokazywał jeżeli się rozmyśle i ucieknę kursorem?

Druga sprawa, użyłem tutaj funkcji pokaz() i wywal() które nie istnieją, jak pisać funkcje żeby można było je w ten sposób wywoływać na danych obiektach?
Normalnie bym zrobił:

...

Polecam ten plugin hoverIntent Łatwy do ustawiania stosuje się go prawie tak samo ja zwykły hover w jQuery. Możesz również użyć funkcji delay() aby opóźnić wykonanie funkcji pokaz()

Odpowiedz na drugie pytanie

[HTML] pobierz, plaintext 
jQuery(document).ready(function() {
 
	$.fn.ukryj = function() {
		$('.popup').css({"display": "block"});
	};
 
});
[HTML] pobierz, plaintext 

Ad. 1:
Dzięki, skrypt na pewno się przyda, jednak i tak jestem ciekaw jak osiągnąć taki efekt przy pomocy samego jQuery.

Ad. 2:
Rozumiem, że po stworzeniu takiej funkcji, będę jej mógł używać na dowolnym obiekcie aby go ukryć|pokazać i inne takie?
edit: mała zmiana i działa jak chciałem - dzięki

ad1. Taki prosty przykład ze zmianą czasu po najechaniu myszką na div o id=box. Tło zmieni się tylko wtedy jeżeli myszka będzie znajdować się na elemencie dłużej niż czas określony przez funkcję setTimeout().

[HTML] pobierz, plaintext 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script>
 
jQuery(document).ready(function() {
 
 
	var myTimeout;
	$('#box').mouseenter(function() {
		myTimeout = setTimeout(function() {
			$('#box').css({"background":"green"});
		}, 1000);
	}).mouseleave(function() {
		clearTimeout(myTimeout);
	});
 
 
 
});
 
</script>
 
<div id="box" style="display: block; width: 100px; height: 400px; background: red;"></div>
[HTML] pobierz, plaintext 

O to chodziło. Coś mi się obiło z "clearTimeout(myTimeout);" a teraz wiem dokładnie. Dzięki.