snekl,
<!DOCTYPE HTML>
<html>
<head><meta charset="utf-8">
<style type="text/css">
.spoiler_links {
width: 623px;
border: 1px solid #cccccc;
padding: 8px;
margin-top: 3px;
cursor: pointer;
text-align: center;
cursor:pointer;
display:block;}
.spoiler_body {
width: 609px;
border: 1px solid #cccccc;
border-top: none;
padding: 15px;
text-align: left;
background: #eeeeee;
font-size: 14px;
display:none;}
</style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.spoiler_links').click(function(){
$('.spoiler_links').not(this).next().hide();
$(this).next().toggle('normal');
return false;
});
});
</script>
</head>
<div>
<a href="/" class="spoiler_links">Заголовок (объект определяющий открытие) спойлера</a>
<div class="spoiler_body">
тело спойлера
</div>
<div>
<a href="/" class="spoiler_links">Заголовок (объект определяющий открытие) спойлера</a>
<div class="spoiler_body">
тело спойлера
</div>
</div>
</div>
</html>