CSS spoiler

javascript less proof of concept

by Kalashnikov

HTML

<a href="#spoiler-open-1" id="spoiler-open-1" class="trigger open">Open</a>
<a href="#spoiler-close-1" id="spoiler-close-1" class="trigger close">Close</a>
<div class="spoiler">
    Ololo, Imma spoiler    
</div>

CSS

.spoiler {
    display: none;
}

.trigger.close {
    display: none;
}

.trigger.open:target {
    display: none;
}

.trigger.open:target + .trigger.close {
    display: inline;
}

.trigger.open:target + .trigger.close + .spoiler {    
    display: block;
}