<html>
<head>
<style>
.head {
border: 1px solid #C4E2F1;
padding: 10px;
margin: 0 0 2px 0;
cursor: pointer;
}
.spoiler {
display: none;
border: 1px solid #C4E2F1;
border-top: 0;
margin-bottom: 30px;
padding: 15px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
$(function() {
$(".head").click(function() {
var o = $(this), s = o.next('.spoiler');
$('.spoiler:visible').slideUp(400);
s.is(':hidden') ? s.slideDown(400) : s.slideUp(400);
});
});
</script>
</head>
<body>
<div class="head">Head</div>
<div class="spoiler"><img src="http://bolen-kot.net/wp-content/uploads/2016/09/htvXIzULTkU-300x140.jpg" /></div>
<div class="head">Head</div>
<div class="spoiler"><img src="http://bolen-kot.net/wp-content/uploads/2016/12/WXfkoTrLJ8-300x140.jpg" /></div>
<div class="head">Head</div>
<div class="spoiler"><img src="http://bolen-kot.net/wp-content/uploads/2016/07/cat-plants-300x140.jpg" /></div>
</body>
</html>