Trigger jquery animations based on url

Question

I'd like to be able to trigger animations based on the websites requested url. So for example www.site.com/index.php#houses

Then that would make a <div id="houses"> fade in?

Is there a simple way to do this?

A. Wolff · Accepted Answer · 2013-01-21 16:15:43Z

4

You could try this:

$(function(){
    $(window.location.hash).fadeIn();
});

answered Jan 21, 2013 at 16:10

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

the window.location.hash already contains a #, so it needs to be removed before using it $("#"+window.location.hash.substr(1)).fadeIn();

Jaiwo99 · Accepted Answer · 2013-01-21 16:10:17Z

1

try this:

function(){
    var uri = window.location.pathname;
    if(uri.indexOf("#houses") > 0){
        $("#houses").fadeIn();
    }
}

answered Jan 21, 2013 at 16:10

Jaiwo99

10.1k5 gold badges38 silver badges55 bronze badges