Question

I would like to display a div when I mouse over a trigger, but I had space between trigger and div. The problem are rebound effect with timeout and the trigger to display none the div not work.

You can check on this link http://jsfiddle.net/pGjXs/

<div id="micro-shopping-bag">
    <a href="#todo" class="msb-trigger">Trigger</a>
    <div id="micro-shopping-bag-inner">
        Content
    </div>
</div>

Answer 1

Your mouseenter may happen before the timeout has executed which leads to the div disapearing even if your mouse enters it. To correct this you should save the setTimeout to a variable and call clearTimeout when you hit mouseenter before you fadeIn.

I think this is what you want given that you didn’t gave us much to work with, it just seams to me as a standard behavior.