[malivadim]

Имею следующее:

<table>
<tr>
<td><a href="#" class="ad_small">объявление 1</a>
<div class="ad_detail" style="display:none">Подробно текст объявления 1</div>
</td>
</tr>
<tr>
<td><a href="#" class="ad_small">объявление 1</a>
<div class="ad_detail" style="display:none">Подробно текст объявления 2</div>
</td>
</tr>
<tr>
<td><a href="#" class="ad_small">объявление 1</a>
<div class="ad_detail" style="display:none">Подробно текст объявления 3</div>
</td>
</tr>
</table>

это у меня таблица с объявлениями, формируется в цикле. У всех ссылок одинаковый класс ad_small,а у дивов ad_detail - это подробный текст объявления.

Так вот, я использую JqueryUI виджет dialog. Я хочу чтобы при наведении на ссылку через секунду появился див, а после того как указатель с ссылки убран,чтобы этот див исчез. Вроде как все просто, а не работает, вот мой код:

$(function($) { 
$('.ad_small').mouseenter(function(){
	var self = this;
        tout=setTimeout(function(){
 	$(self).siblings('.ad_detail').dialog();
       },1000);})
       .mouseout(function(e){
	clearTimeout(tout);
	$(self).siblings('.ad_detail').dialog('close');
 	});
 });

При наведении, через секунду див открывается, но не хочет закрываться при mouseout.
Чую, что что-то с селектором не то.

Пробовал сделать просто без таблицы

<a href="#" class="ad_small">объявление 1</a>
<div class="ad_detail" style="display:none">Подробно текст объявления 1</div>

и код JS:

$(function($) { 
$('.ad_small').mouseenter(function(){
	
        tout=setTimeout(function(){
 	$('.ad_detail').dialog();
       },1000);})
       .mouseout(function(e){
	clearTimeout(tout);
	$('.ad_detail').dialog('close');
 	});
 });

так работает.


Буду очень признателен за помощь.