Показать сообщение отдельно
  #1 (permalink)  
Старый 26.11.2012, 13:39
Аспирант
Отправить личное сообщение для goooooch Посмотреть профиль Найти все сообщения от goooooch
 
Регистрация: 24.10.2010
Сообщений: 46

Развертывание/сворачивание блока
Здравствуйте. Вопрос от новичка.

Имеем вот такую верстку:
<html>
<head>
<style>
#login-block
{
width:100px; 
height:100px; 
background:#ссс; 
position:absolute; 
left:0; 
top:-100px;
}
</style>
</head>
<body>
<div  id="login-block"> Скрытый блок     
</div>
<a id="show-reg-form">Трансформировать</a>
</body>
</html>


Мне нужно, чтобы
1. если у div#login-block св-во top:-100px, то по клику на ссылку у div#login-block менялось значение css-свойства top:0
2. если у div#login-block св-во top:0, то по клику на ссылку у div#login-block менялось значение css-свойства top:-100px

Первую часть сделал (может криво или подошел не с того конца), а вот со второй частью нужна помощь.

$(function()
{

$('#show-reg-form').click(function()
{

    $('#login-block').animate({"top":"0"}, 500);   
 
});

});
Ответить с цитированием