Здравствуйте!
Вот есть скрипт, в котором каждая из трех ссылок показывает/скрывает соответствующий текстовый блок:
|
Код:
|
<script type="text/javascript">
function foo(id) {
if (document.getElementById(id).style.display == "none")
{document.getElementById(id).style.display = "block"}
else
{document.getElementById(id).style.display = "none"}
}
</script>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
color: #000;
background: #fff;
}
a {
color: #00f;
cursor: pointer;
}
#controls {
padding: 20px 50px;
}
#block1, #block2, #block3 {
height: 50px;
padding: 20px 50px;
margin: 20px;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<ul id="controls">
<li><a onclick="foo('block1')">Скрыть/показать первый блок</a></li>
<li><a onclick="foo('block2')">Скрыть/показать второй блок</a></li>
<li><a onclick="foo('block3')">Скрыть/показать третий блок</a></li>
</ul>
<p id="block1">
Первый блок.
</p>
<p id="block2">
Второй блок.
</p>
<p id="block3">
Третий блок.
</p> |
А как должен выглядеть код, чтобы первая ссылка скрывала/показывала, например, первый и третий блоки одновременно?