Question

little annoying issue here. My hide function makes the page jump to top:

 $(".home .options .tabs ul li").click(function(event){
    $("#wrapper .home .aba").hide();

    var qual = $(this).attr("ref");

    $(".content.home .options .tabs ul li").removeClass("active");
    $(this).addClass("active");

    $("#"+qual).show();

    return false;
});

If i remove it, it works pretty well. Whats happening?

After i click on each tabs, the issue stops. But when i refresh the page, come back.

Thanks!

Answer 1

this will help definitely:

all that is needed to change onclick js code.

http://tutes.in/2011/08/21/toggle-showhide-div-using-javascript-without-page-jump/