Мерцает показ-скрытие элемента...

[Petja]

<ul class="mainMenu shadow">
<li><a href="#">Грузчики</a></li>
<li><a href="#">Утилизация</a>
    <div class="popover bottom">
        <div class="arrow"></div>
        <div class="popover-content">
            Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
        </div>
    </div>
</li>
<li class="active"><a href="#">Упаковка</a></li><ul>

// Всплывающие подсказки popover
$('ul.mainMenu li').mouseover(function(){
    $(this).children('.popover').fadeIn()
        .delay(2000)
        .fadeOut();
        //.stop(true, true);
    return false;
});

Посмотреть можно тут: http://gruz.bz/

Код в файле mainmenu.js - после 30 строки.

Мерцает... Почему - никак не пойму... Ух...

Заранее спасибо!

[Deff]

// Всплывающие подсказки popover
$('ul.mainMenu li').mouseenter(function(){
    $(this).find('.popover').stop().fadeIn()
        .delay(3000)
        .fadeOut();
        //.stop(true, true);
    return false;
});

[Petja]

Спасибо большое!
А можно сделать так, чтобы при наведении появлялось, а при отведении курсора от li с задержкой скрывалось?

[Deff]

Petja,
Имхо в Опере так и есть

[Petja]

// Всплывающие подсказки popover
$('ul.mainMenu li')
    .mouseenter(function(){
        $(this).find('.popover').stop().fadeIn();
        return false;
    })
    .mouseleave(function(){
        $(this).find('.popover').stop().delay(500).fadeOut();
        return false;
    });

Вот так работает! Спасибо!

[Petja]

Если резко навести курсер на A оторое в LI то не срабатывает.
А если размножить подсказку не только в этом LI но еще в другом - не работает на другом. Жуть, такая простая вещь и не работает вообще....

[Deff]

Petja,

.mouseleave(function(){
08	        $(this).find('.popover').stop().delay(500).fadeOut();
09	        return false;
10	    });

Это не нужно при наличии
.delay(3000)
.fadeOut();

[Deff]

Ну или так

// Всплывающие подсказки popover
var idTim;
$('ul.mainMenu li').mouseenter(function(){
    clearTimeout(idTim);
    $(this).find('.popover').stop().fadeIn('600');
    var aza=$(this);
    var idTim=setTimeout(function(){aza.find('.popover').stop().fadeOut('1700')},2000)
    return false;
});

[Petja]

Спасибо! Оказалось, что эти поповеры уже предусмотрены для того, чтоб их привязывать. Только теперь вопрос как поймать событие - что появился до этого не существующий элемент. Чтобы просто всем другим элементам уменьшить z-index, а появившемуся увеличить. Т.к. перекрывают друг друга.

[Petja]

Все, все проблемы решил! Спасибо еще раз!