Несколько выпадающих блоков
Добрый вечер! подскажите пожалуйста как дописать это скрипт, что бы
при открытие другого списка сначала сворачивался предыдущий. Спасибо!
<script type="text/javascript">
function reverseInfo(blockid) {
var sel = document.getElementById(blockid);
if (sel) {
if (sel.style.display=='none') {
sel.style.display='block';
} else {
sel.style.display='none';
}
}
}
</script>
<ul class="tooplate_list">
<li><a href="javascript:reverseInfo('1-2014');">Первый квартал 2014 года</a></li>
<li><a href="javascript:reverseInfo('2-2014');">Второй квартал 2014 года</a></li>
<li><a href="javascript:reverseInfo('3-2014');">Третий квартал 2014 года</a></li>
<li><a href="javascript:reverseInfo('4-2014');">Четвертый квартал 2014 года</a></li>
</ul>
<div id="1-2014" style="display: none;" align=center >
<iframe src="../otchet_1kv.aspx" width="900" height="1150" frameborder="0" scrolling="no"> </iframe></div>
<div id="2-2014" style="display: none;" align=center >
<iframe src="../otchet_2kv.aspx" width="900" height="1150" frameborder="0" scrolling="no"> </iframe></div>
|
Цитата:
|
Castromen,
для этого достаточно css
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
[id$="2014"]{
display: none;
}
[id$="2014"]:target{
display: block;
}
</style>
</head>
<body>
<ul class="tooplate_list">
<li><a href="#1-2014">Первый квартал 2014 года</a></li>
<li><a href="#2-2014">Второй квартал 2014 года</a></li>
<li><a href="#3-2014">Третий квартал 2014 года</a></li>
<li><a href="#4-2014">Четвертый квартал 2014 года</a></li>
</ul>
<div id="1-2014" >
1<iframe></iframe></div>
<div id="2-2014" >
2<iframe></iframe></div>
<div id="3-2014" >
3<iframe></iframe></div>
<div id="4-2014" >
4<iframe></iframe></div>
</body>
</html>
|
Castromen,
нужен js ищите по форуму -- таких открывашек 100500, но неиссякаемый поток жаждущих слеп :cray: |
| Часовой пояс GMT +3, время: 04:07. |