if condition within animate

Question

I am using the code from the folling link on mouseover function http://perplexed.co.uk/1991_jquery_scroll_tabs_like_browser_tabs.htm

i check the values of offset during mouseover and set the visibility prev and next button. But the checking always happens in the next mouseover . Eg: i have to set the next button to invisible during the same mouse over event when i scroll and reach the end. but it happens in the next mouseover.

Is it posiible to write an if function within the animate function

Answer 1

Not sure what the problem is. I changed the script you used from 'click' to 'mouseover' and it just works. No need to add any if statement. Just change the .click parts like this:

$(".slider").off('mouseover', '.next').on('mouseover', '.next', function(){
...
}
$(".slider").off('mouseover', '.prev').on('mouseover', '.prev', function(){
...
}

Demonstration at jsFiddle