<div id="spoiler1" data-hidden="hide1" class="spoiler">Spoiler 1</div>
<div id="hide1" class="hide">Hide 1</div>
<div id="spoiler2" data-hidden="hide2" class="spoiler">Spoiler 2</div>
<div id="hide2" class="hide">Hide 2</div>
<div id="spoiler3" data-hidden="hide3" class="spoiler">Spoiler 3</div>
<div id="hide3" class="hide">Hide 3</div>
<div id="spoiler4" data-hidden="hide4" class="spoiler">Spoiler 4</div>
<div id="hide4" class="hide">Hide 4</div>
css
.spoiler1{
font-size: 16px;
background-color: #c0e6d2;
border: 1px solid #a7c8b7;
width: 530px;
height: 45px;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
}
.hide{
display:none;
}
#spoiler1{
font-size: 16px;
background-color: #c0e6d2;
border: 1px solid #a7c8b7;
width: 530px;
height: 45px;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
}
#spoiler2{
font-size: 16px;
background-color: #c0e6d2;
border: 1px solid #a7c8b7;
height: 45px;
width: 530px;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
margin-top: 3px;
}
#spoiler3{
font-size: 16px;
background-color: #c0e6d2;
border: 1px solid #a7c8b7;
height: 45px;
width: 530px;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
margin-top: 3px;
}
#spoiler4{
font-size: 16px;
background-color: #c0e6d2;
border: 1px solid #a7c8b7;
height: 45px;
width: 530px;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
margin-top: 3px;
}
#hide1{
font-size: 16px;
background-color: #dedede;
border: 1px solid #c1c1c1;
width: 530px;
height: 120px;
color: #fff;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
margin-top: 3px;
}
#hide2{
font-size: 16px;
background-color: #dedede;
border: 1px solid #c1c1c1;
width: 530px;
height: 120px;
color: #fff;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
margin-top: 3px;
}
#hide3{
font-size: 16px;
background-color: #dedede;
border: 1px solid #c1c1c1;
width: 530px;
height: 120px;
color: #fff;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
margin-top: 3px;
}
#hide4{
font-size: 16px;
background-color: #dedede;
border: 1px solid #c1c1c1;
width: 530px;
height: 120px;
color: #fff;
text-shadow: 0px 1px 0px #f4f4f4;
filter: dropshadow(color=#fff, offx=0, offy=1);
margin-top: 3px;
}