serg222,
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" language="javascript">
//<![CDATA[
var bool = false; // Создаем глобальную переменную
function openClose() // Функция, которая будет срабатывать при щелчке по слайду
{
if(bool == false) { // Если глобальная переменная равна false, то слайд открывается
document.getElementById("d2").onclick = slideIt;
bool = true; // Замена переменной означает, что слайд открыт
}
else { // Если глобальная переменная равна true, то слайд закрывается
document.getElementById("d2").onclick = slideIn;
bool = false; // А сейчас слайд закрыт
}
}
function slideIt()
{
var slidingDiv = document.getElementById("d1");
var stopPosition = 1;
if (parseInt(slidingDiv.style.left) < stopPosition )
{
slidingDiv.style.left = parseInt(slidingDiv.style.left) + 6 + "px";
setTimeout(slideIt, 1);
}
}
function slideIn()
{
var slidingDiv = document.getElementById("d1");
var stopPosition = -50;
if (parseInt(slidingDiv.style.left) > stopPosition )
{
slidingDiv.style.left = parseInt(slidingDiv.style.left) - 6 + "px";
setTimeout(slideIn, 1);
}
}
//]]>
</script>
</head>
<body>
<div id="d1" style="position:absolute; left:-50px; top:0px" onmousedown="openClose()">
<div id="d2" >открыть закрыть</div>
</div>
</body>
</html>