Question

Given that I have a button within a div:

<div id="result">
        <a href='#task5'>
        <img src='resources/book.png' style='padding-top: 10px;'
        class='button3'>
        </a>
</div>

How would I use jquery or javascript to:

1) Fade out the div

2) Refresh the page

3) Automatically jump to an anchor called #t5 on the page

This is what I have so far but I’m having difficulty jumping to an anchor called t5:

$(".button4").click(function (){
    $("#result").fadeOut(function(){
        location.reload();
    })
})

Thanks in advance.

Answer 1

Maybe this can give you a hint how to implement it

    $("#result").fadeOut(function(){
    // Heres the callback when the animation is complete
        window.location = window.location + "#t5";
    })

http://jsfiddle.net/NxKFp/1/

You don’t provide exactly what you want to do. So I think it will exist more easy way to do what you are trying to achieve.