Форумы портала PHP.SU :: java script Скидка

Добрый день
ни как не могу придумать как реализовать такое:
пример тут http://share-know[dot]ru/catalog/knitwear/t-shirts/ , но работает не так.
При наведении мышки на товар необходимо чтобы высвечивалась скидка (в данный момент она высвечивается)
При убирании она пропадает, тоже работает.
Если мышка была наведена на товар, а после него на скидку то не должно ничего происходить (вот это условие поставить и не могу), в данный момент срабатывает второе событие и как только она исчезает первое и получается мигание Огорчение

а вот код который на данный момент есть:

CODE (javascript):
скопировать код в буфер обмена

 
<script>
$(document).on('mouseover','.thumbnail_r',function()
        {
                $(this).children('div.price_diff').fadeIn('fast');
        });
$(document).on('mouseout','.thumbnail_r',function()
        {
                $(this).children('div.price_diff').fadeOut('fast');     
        });
</script>
 

CODE (javascript):
скопировать код в буфер обмена

 
<script>
$(document).mouseover(function()
        {
                $('.price_diff').fadeOut('fast');
        });
$(document).on('mouseover','.thumbnail_r',function(e)
        {
                $(this).children('.price_diff').fadeIn('fast');
                e.stopPropagation();
        });
</script>
 

(Отредактировано автором: 22 Февраля, 2014 - 09:15:02)