Question

We have a bootstrap popover we are using and its loaded by:

    $('a[rel=popover]').popover({
        placement: 'top',
        trigger: 'hover',
        animation: 'false',
        delay: 0
    });

There are a number of items on the page (think cover art) and when you exit the first and move to the second there is a delay before the first one closes even though animation is off and the delay is 0. Is there a way to close the any others before the next one loads?

Note, the user is not clicking anything outside merely hovering over the next item with rel=popover.

Answer 1

use it like this:

$('a[rel=popover]').popover({
    placement: 'top',
    trigger: 'hover',
    animation: false,
    delay: { show: 100, hide: 1 }
});