Доброго времени
Помогите решить проблему с показом блоков. На странице есть несколько скрытых блоков с одним ID которые открываются все разом при нажатии на ссылку. как можно реализовать так что бы при клике открывался только один блок, а не все сразу и при нажатии на другую ссылку открывался другой блок, а другой спрятался. мой код выглядит так
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function() {
$("A#trigger").toggle(function() {
$("DIV#box").fadeIn();
return false;
},
function() {
$("DIV#box").fadeOut();
return false;
});
});
</script>
<body>
<a href='#' id='trigger'>Программа "Диагноcтика одного дня1"</a>
<div id='box' style='display: none; margin:10px;'>тест тест</div>
<a href='#' id='trigger'>Программа "Диагноcтика одного дня2"</a>
<div id='box' style='display: none; margin:10px;'>тест2 тест2</div>
</body>