Animate div on URL with javascript

Question

I am trying to write a piece of code that animates a div when a URL is visited. Here's my code:

if(document.URL.indexOf("index.php") >= 0){

$('#popout-left-menu-container')
.animate(
{
'right':'-3px'
},500
);

};

I have tried this but it doesn't animate?

I have the below piece of text which does work when the #open-menu-button id is clicked.

Any ideas? Many thanks.

$(document).ready(
function(){
    $('#open-menu-button').click(
        function(){
            $('#popout-left-menu-container')
                .animate(
                    {
                        'right':'-3px'
                    },500
                    );

        });

        $('#popoutmenuclose').click(
        function(){
            $('#popout-left-menu-container')
                .animate(
                    {
                        'right':'-1500px'
                    },500
                    );
        });

});

Where is the code within the page? In the head? Before or after the element you are trying to animate? Is it wrapped in a $(document).ready? — Steve
– Steve, Commented Jan 8, 2014 at 16:57
It is in the <head>, can you show me the code with the $(document).ready added? — Pete Naylor
– Pete Naylor, Commented Jan 8, 2014 at 17:00
It's the same as in your bottom example... $(document).ready(function(){...your code here...}) — Steve
– Steve, Commented Jan 8, 2014 at 17:01

Digital Chris · Accepted Answer · 2014-01-08 17:18:49Z

1

Since the questioner asked to see the implementation discussed in the comments, here it is:

$(document).ready(
function(){
    if(document.URL.indexOf("index.php") >= 0){

    $('#popout-left-menu-container')
    .animate(
    {
    'right':'-3px'
    },500
    );

    };

});

Note that the code is similar but will only fire on document.ready().

edited Jan 8, 2014 at 17:18

answered Jan 8, 2014 at 17:13

Digital Chris

6,1771 gold badge22 silver badges29 bronze badges

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

2 Comments

Digital Chris Over a year ago

@Steve I didn't really copy paste from the comments, rather I was the first to notice the issue if you look at my comment. I put this answer here at the questioner's request.

Steve Over a year ago

Oh my... my biggest apologies... I never saw your comment above. Mea culpa. :(

Collectives™ on Stack Overflow

Animate div on URL with javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related