FF scrolling to the top issue on Function()
Hi All,
Im starting to develop using JQuery.
I Have this code on a page:
$(document).ready(function(){
$('.show-search-box').click( function() {
var topPos = $(this).offset().top - 280;
$('.hotel-list-unit').css('opacity', '0.5');
$('.search-box-float').css('top', topPos);
$('.search-box-float').fadeIn();
event.preventDefault();
});
$('.close-search-box').click( function() {
$('.search-box-float').fadeOut("slow");
$('.hotel-list-unit').css('opacity', '1');
event.preventDefault();
});
});
It works fine on Chrome but When both function are executed on FF it scrolls to the Top.
Im using Jquery 1.2.6.
I don't seem to find an explication to this and didn't found any similar cases online.
Any ideas?
Thanks!