Здравствуйте. Есть у меня код (скрытый текст), в котором несколько ссылок, пр нажатии выводят своё подменю, но как сделать так что бы при открытии меню одной ссылки, закрывалось меню второй и наоборот. P.S. ссылок может быть и 10 и если одна открылась, то открытые должны закрыться. Как это реализовать?
<!DOCTYPE HTML>
<html>
<head>
<meta charset="windows-1251">
<title>Квартира</title>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
$(function() {
$(".btn-slide").click(function() {
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
$(function() {
$(".btn-slide2").click(function() {
$("#panel2").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
</script>
<style>
#panel {
display: none;
padding: 5px;
width: 400px;
height: 200px;
background: #09F;
color: #FFF;
}
.btn-slide {
background: #CCC;
color: #06F;
}
.active {
background: #FF9;
}
#panel2 {
display: none;
padding: 5px;
width: 400px;
height: 200px;
background: #09F;
color: #FFF;
}
.btn-slide2 {
background: #CCC;
color: #06F;
}
.active {
background: #FF9;
}
</style>
</head>
<body>
<a href="" class="btn-slide">Квартира №1<br></a>
<div id="panel">Выберите действие<br>
<form action="#" method="get" target="_work">
<p id="txt">
<input checked="" type="radio">Аренда (сут.)<br>
<input type="radio"> Аренда (мес.)<br>
<input type="radio"> Продажа<br> <br>
<input value="ок" onclick="#'" type="submit">
<input value="отмена" onclick="#'" type="button"></p></form></div>
<a href="" class="btn-slide2">Квартира №1<br></a>
<div id="panel2">Выберите действие<br>
<form action="#" method="get" target="_work">
<p id="txt">
<input checked="" type="radio">Аренда (сут.)<br>
<input type="radio"> Аренда (мес.)<br>
<input type="radio"> Продажа<br> <br>
<input value="ок" onclick="#'" type="submit">
<input value="отмена" onclick="#'" type="button"></p></form></div>
</body>
</html>