
August 28th, 2007, 06:35 PM
|
|
Registered User
|
|
Join Date: Aug 2007
Posts: 1
Time spent in forums: 7 m 41 sec
Reputation Power: 0
|
|
|
Need Help Debugging Script/Error in Script - Sliding menu
I am trying to slide a menu up set it's height to 0 and then if height is 0 change it to 'auto'. However, the menu slides up but then returns to auto. Any help would be great!
Code:
var sliderIntervalId = 0;
var sliderHeight = 1;
var sliding = false;
var slideSpeed = 10;
var elementName = "";
var getHeight = 0;
function Slide(element)
{
elementName = element;
getHeight = document.getElementById(elementName).offsetHeight;
sliderHeight = getHeight
if(sliding)
return;
sliding = true;
if(sliderHeight == getHeight )
sliderIntervalId = setInterval('SlideUpRun()', 30);
else
sliderIntervalId = setInterval('SlideDownRun()', 30);
}
function SlideUpRun()
{
slider = document.getElementById(elementName);
if(sliderHeight <= 0)
{
alert('slideup_true' + sliderHeight)
sliding = false;
sliderHeight = 0;
slider.style.height = '0px';
clearInterval(sliderIntervalId);
}
else
{
alert(sliderHeight)
sliderHeight -= slideSpeed;
if(sliderHeight < 0)
sliderHeight = 0;
slider.style.height = sliderHeight + 'px';
}
}
|