Здравствуйте. Вопрос от новичка.
Имеем вот такую верстку:
<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);
});
});