Не знаю как сделать помогите!
В общем есть два дива они разворачиваются/сворачиваются по нажатии на две ссылки. Как сделать так чтоб всегда был развернут только один див а если нажать на второй то он разворачивался, а первый сворачивался и наоборот?
Вот код: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');
}
|
romikz,
:cray:
<!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>
|
Не знал что можно писать вот так:
('a[class^=repair]')
Спасибо большое все работает!! |
| Часовой пояс GMT +3, время: 20:32. |