How to repeat function onclick - Javascript
So, I'm trying to make an animation in JavaScript (I want a navigation bar to pull down when I click it).  The problem is that every time I click this navigation bar, it only moves down one pixel.  How do I make it to where I can make the "Move" function repeat over and over so that it realizes the navigation bar is below "0", and move it up?  Here's the code I have atm:

    var i = -43 //original position of div

        function Move(x)
    {
    	if (i < 0)
    	{
    		i++;
    		x.style.top = i + "px";
    	}
    
    }
    
    
    function setPosition(x)
    {
    	setInterval(Move(x), 500);
    }

P.S. I have the "div onclick" equal to "setInterval(this)"
How to repeat function onclick - Javascript
===

So, I'm trying to make an animation in JavaScript (I want a navigation bar to pull down when I click it).  The problem is that every time I click this navigation bar, it only moves down one pixel.  How do I make it to where I can make the "Move" function repeat over and over so that it realizes the navigation bar is below "0", and move it up?  Here's the code I have atm:

    var i = -43 //original position of div

        function Move(x)
    {
    	if (i < 0)
    	{
    		i++;
    		x.style.top = i + "px";
    	}
    
    }
    
    
    function setPosition(x)
    {
    	setInterval(Move(x), 500);
    }

P.S. I have the "div onclick" equal to "setInterval(this)"