Question

I have a slideshow that has 5 slides (each has an individual id) and a previous and next button. When hovering the previous or next button you get a tooltip, the tooltip uses jQuery to get the ID attribute from the previous and next div and show this.

Ive gotten it working fine on mouseenter only if you dont leave the div and keep clicking the Tooltip doesnt update, you have to leave the arrows after each click for the value to be aupdated, does this make sense?

my script is…

  $("div.arrows div").bind("mouseenter", function () {
            $("div.arrows div.next").children("span").html($("div.roundabout-in-focus").next("div").attr("id"));
            $("div.arrows div.prev").children("span").html($("div.roundabout-in-focus").prev("div").attr("id"));
        });

Answer 1

Since you are not leaving the div the next mouseenter is not fired which will update the tooltip. Try to set the tooltip on slide change event if supported by the plugin you are using or click event of the prev/next buttons.