Простейший спойлер
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<style>
a {
color: #969696;
}
.click {
border: 1px solid #969696;
padding: 4px;
color: #969696;
}
.hide {
display: none;
border-left: 1px dotted #969696;
border-right: 1px dotted #969696;
border-bottom: 1px dotted #969696;
padding: 4px;
color: #969696;
}
</style>
</head>
<body>
<div class="click">
<a href="javascript://" onclick="$('#one').toggle();">Спойлер (+/-)</a>
</div>
<div class="hide" id="one">
<i>Тут скрытый текст</i>
</div>
</body>
</html>
Спойлер (Ajax)