[spoiler]Раскрывающийся текст[/spoiler]
Иной код:
function spo_me(spo_button)
{
spo_button.value = spo_button.value == 'show' ? 'hide' : 'show';
var spo_element = spo_button.parentNode.parentNode.parentNode.childNodes[1];
if (spo_element.style.display == 'block')
{
spo_element.style.display = 'none';
spo_button.value = 'Показать';
}
else
{
spo_element.style.display = 'block';
spo_button.value = 'Скрыть';
}
}
//////////////////////////////////////////////////////////////////////////////////
.spo_all {
width: 90%;
margin: 0 auto 0 auto;
}
.spo_top {
background: #E3E9DB;
border: 1px solid #B5C0A8;
/*border-left: 4px solid #B5C0A8; border-bottom: 0;*/
color: #000;
font-weight: bold;
font-family: "Courier New", Courier, monospace;
font-size: 12px;
margin: 8px auto 0 auto;
padding: 3px;
height: 18px;
}
.spoiler {
background: #E3E9DB;
border: 1px solid #B5C0A8;
/*border-left: 4px solid #B5C0A8;*/
padding: 4px;
margin: 5px auto 8px auto;
display:none;
}
.spo_option {
font-weight:bold;
float:left;
}
.spo_desc {
float:right;
}
.spo_button {
height: 20px;
width: 70px;
font-size:10px;
margin-top: 0px;
}
/////////////////////////////////////////////////////////////////////////
[spoiler=Описание]Раскрывающийся текст[/spoiler]