Помогите, не как не могу зделать выдвигающеюся горизонтально влево панель, вертикально вышло, а горизонтально...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>panel demo</title>
</head>
<body>
<script>
var sliderIntervalId = 0;
var sliderWidth = 0;
var sliding = false;
var slideSpeed = 15;
var slider = document.getElementById('Slider');
slider.style.left = screen.width;
function Slide()
{
if(sliding)
return;
sliding = true;
if(sliderWidth == 232)
sliderIntervalId = setInterval('SlideRightRun()', 15);
else
sliderIntervalId = setInterval('SlideLeftRun()', 15);
}
function SlideRightRun()
{
slider = document.getElementById('Slider');
if(sliderWidth <= 0)
{
sliding = false;
sliderWidth = 0;
slider.style.width = '0px';
slider.style.left = screen.width + 'px';
//slider.style.display = 'none';
clearInterval(sliderIntervalId);
}
else
{
slider.style.display = '';
sliderWidth-= slideSpeed;
if(sliderWidth < 0)
sliderWidth = 0;
slider.style.left = screen.width - sliderWidth + 'px';
slider.style.width= sliderWidth+ 'px';
}
}
function SlideLeftnRun()
{
slider = document.getElementById('Slider');
if(sliderWidth >= 232)
{
sliding = false;
sliderWidth = 232;
slider.style.width = '232px';
slider.style.left = screen.width - sliderWidth + 'px';
clearInterval(sliderIntervalId);
}
else
{
slider.style.display = '';
sliderWidth += slideSpeed;
if(sliderWidth > 232)
sliderWidth = 232;
slider.style.left = screen.width - sliderWidth + 'px';
slider.style.width = sliderWidth + 'px';
}
}
</script>
<input type="button" onclick="Slide();" value="Открыть/Закрыть">
<div id="Slider" style="position:absolute;left:0px;width:0px;height:50px;background:blue;border:1px solid red;color:#000000;overflow:hidden;">
lololo
</div>
</div>
</body>
</html>Вроде все должно работать но не работает почемуто
