Question

I’m using the jQuery Tools Scrollable & Navigator plugin. I searched their forums but couldn’t find an answer (and can’t post there because it’s disabled “due to spamming”).

My question is, is there a way for the prev/next browser arrows to only display on hover over Scrollable? In other words, if the cursor is off of Scrollable, the arrows disappear.

Here’s my page.

Answer 1

//Syntax to be used
//$(selector).hover(handlerIn, handlerOut); 

$('.scrollable').hover(function(){
    $('.browse').fadeIn();
}, function(){
    $('.browse').fadeOut();
});

CSS Needed:

a.browse.prev, a.browse.next{display:none;}

You may need to remove the display:block from you a.browse in your css file for the display:none to work.

Hope it helps!