romikz,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.hide{
display: none;
}
a{
cursor: pointer;
}
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function()
{$('a[class^=repair]').click( function ()
{
$('div[id^=repair]').not($(this).next()).hide(800)
$(this).next().toggle(800);
}
) }
);
</script>
</head>
<body>
<h2 style="text-align:center;" >Востановление логина или пароля</h2>
<a class="repair_password" >Востановить пароль</a>
<div id="repair_password" class="hide">
<a>Востановить пароль<br>
Востановить пароль<br>
Востановить пароль<br>
Востановить пароль<br>
</a>
</div><br>
<a class="repair_login" >Востановить логин</a>
<div id="repair_login" class="hide">
<a>Востановить login<br>
Востановить login<br>
Востановить login<br>
Востановить login<br>
</a>
</div>
</body>
</html>