Форум

Castromen · #1 (**permalink**) 16.03.2015, 13:46

Добрый вечер! подскажите пожалуйста как дописать это скрипт, что бы
при открытие другого списка сначала сворачивался предыдущий.
Спасибо!

<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>

ksa · #2 (**permalink**) 16.03.2015, 14:41

Сообщение от Castromen

как дописать это скрипт, что бы
при открытие другого списка сначала сворачивался предыдущий.

Найти открытый... Закрыть его... Открыть нужный.

рони · #3 (**permalink**) 16.03.2015, 14:47

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>

рони · #4 (**permalink**) 16.03.2015, 14:52

Castromen,
нужен js ищите по форуму -- таких открывашек 100500, но неиссякаемый поток жаждущих слеп

Форум

Справочник

Discord чат

Курсы javascript