Данный скрипт ставим на страницах где будут работать блоки между head
Код
<script>
$(document).ready(function(){
$('.show_form').click(function(){
$(this).next('.hide_content').show(100);
$(this).hide(100);
return false;
});
$('.back').click(function(){
$(this).parents('.hide_content').hide(100).prev('.show_form').show(100);
return false;
});
});
</script>
Это ставим в стили CSSКод
.hide_content {
display: none;
}
Ну а это по месту Открыть форму 1
Код
<div class="hide_content">
<img src="http://6.firepic.org/6/images/2016-02/03/tywr8uh1mrio.jpg" border="0"><br><br>
<a href="#" class="back">закрыть спойлер</a>
</div>
<br>
<a href="#" class="show_form">Открыть форму 2</a>
<div class="hide_content">
<img src="http://6.firepic.org/6/images/2016-02/03/6gety6d40nw8.jpg" border="0"><br><br>
<a href="#" class="back">закрыть спойлер</a>
</div>
<br>
<a href="#" class="show_form">Открыть форму 3</a>
<div class="hide_content">
<img src="http://6.firepic.org/6/images/2016-02/03/5v0c57o5yz43.jpg" border="0"><br><br>
<a href="#" class="back">закрыть спойлер</a>
Для тех кто дружит с кодами и стилями может реализовать данное под себя.
Ссылок можно напихать сколько угодно на ваше усмотрение
Посмотреть пример демо можно по ссылке