И вообще лучше знать яваскрипт в теории, а не на примерах.
Я бы например как-нибудь так сделал:
[CODE]<html>
<head>
<script>
function hclick(element) {
divs=element.getElementsByTagName('div');
for(var i=0;i<divs.length;i++) {
if (divs[i].className=='spoiler') divs[i].className='spoiler hidden';
else if (divs[i].className=='spoiler hidden') divs[i].className='spoiler';
}
}
</script>
<style>
.link {
background-color: green;
margin: 10px;
color: white;
padding: 4px;
}
.spoiler {
border: 2px green double;
background-color: yellow;
color: green;
padding: 5px;
}
.hidden {
display: none;
}
</style>
</head>
<body>
<div class="link" onclick="hclick(this)">
+ Раскрой меня
<div class="spoiler hidden">
</div>
<div class="link" onclick="hclick(this)">
+ Раскрой меня
<div class="spoiler hidden">
</div>
</body>
</html>[/CODE]Второй иф нужен чтобы не присваивать класс другим дивам в раскрывалке.
Я бы например как-нибудь так сделал:
[CODE]<html>
<head>
<script>
function hclick(element) {
divs=element.getElementsByTagName('div');
for(var i=0;i<divs.length;i++) {
if (divs[i].className=='spoiler') divs[i].className='spoiler hidden';
else if (divs[i].className=='spoiler hidden') divs[i].className='spoiler';
}
}
</script>
<style>
.link {
background-color: green;
margin: 10px;
color: white;
padding: 4px;
}
.spoiler {
border: 2px green double;
background-color: yellow;
color: green;
padding: 5px;
}
.hidden {
display: none;
}
</style>
</head>
<body>
<div class="link" onclick="hclick(this)">
+ Раскрой меня
<div class="spoiler hidden">
Это офигенный текст
который раскрывается
</div></div>
<div class="link" onclick="hclick(this)">
+ Раскрой меня
<div class="spoiler hidden">
Это офигенный текст
который раскрывается
</div></div>
</body>
</html>[/CODE]Второй иф нужен чтобы не присваивать класс другим дивам в раскрывалке.
