[romikz]

В общем есть два дива они разворачиваются/сворачиваются по нажатии на две ссылки. Как сделать так чтоб всегда был развернут только один див а если нажать на второй то он разворачивался, а первый сворачивался и наоборот?
Вот код:HTML

<meta charset="utf-8">
<script language="JavaScript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script type="text/javascript" src="/mytable/support/js/dinamic_show.js"></script>
<h2 style="text-align:center;" >Востановление логина или пароля</h2>
<a class="repair_password" OnClick="show('.repair_password', '#repair_password')" >Востановить пароль</a>
<div id="repair_password" >
		<a>Востановить пароль<br>
		Востановить пароль<br>
		Востановить пароль<br>
		Востановить пароль<br>
	</a>
</div>
<a  class="repair_login" OnClick="show('.repair_login', '#repair_login')">Востановить логин</a>
<div id="repair_login">
	<a>Востановить login<br>
		Востановить login<br>
		Востановить login<br>
		Востановить login<br>
	</a>
</div>

JS:

function show (cl, id) {

  $(cl).parent().children(id).toggle('normal');
}