Stop Sending Browser To Top When Auto Change Of Div
When running the following jQuery code on my website, if your browser is not at the top of the page then, every time one div fades out and the next one fades in, it will send the browser back to the top of the page.
What code do you need to insert to stop it doing this. I have tried 'return false' in most places but it either stops the script working or shows all the divs at once.
$(document).ready(function slideShow () {
var $divs = $("[id^=noticeboard]").hide(),
current = 0;
$divs.eq(0).show();
function showNext() {
if (current < $divs.length - 1) {
$divs.eq(current).delay(3000).fadeOut('fast', function () {
current++;
$divs.eq(current).fadeIn('fast');
showNext();
});
}
else if (current == $divs.length - 1) {
$divs.eq(current).delay(3000).fadeOut('fast', function () {
current = 0;
$divs.eq(current).fadeIn('fast');
showNext();
});
return false;
}
}
showNext();
});