Вот такими простенькими кодами JS, CSS и HTML Вы можете на своем сайте освободить больше места, ну или уже на свое усмотрение запилить под что-нибудь.
Ставим.
JS пуляем в самую нижнюю часть своего сайта чтобы работало на всех страницах
Код
<script>
$(document).ready(function(){
$('.show_form').click(function(){
$(this).next('.hide_content').show(0);
$(this).hide(0);
return false;
});
$('.back').click(function(){
$(this).parents('.hide_content').hide(0).prev('.show_form').show(0);
return false;
});
});
</script>
CSS ставим также в самый низ таблицы стилей
Код
.hide_content {display: none;}
HTML естественно ставим по месту где нужно. Напихать можно сколько душе будет угодно.
Работает с помощью одного скрипта на несколько ссылок. Я сделал на три для примера
Код
<a href="#" class="show_form">Заголовок</a>
<span class="hide_content">
текст текст текст текст текст<br>
текст текст текст текст текст<br>
текст текст текст текст текст<br>
текст текст текст текст текст<br>
<a href="#" class="back">Вернуться назад</a></span>
<p>
<a href="#" class="show_form">Заголовок</a>
<span class="hide_content">
текст текст текст текст текст<br>
текст текст текст текст текст<br>
текст текст текст текст текст<br>
текст текст текст текст текст<br>
<a href="#" class="back">Вернуться назад</a></span>
<p>
<a href="#" class="show_form">Заголовок</a>
<span class="hide_content">
текст текст текст текст текст<br>
текст текст текст текст текст<br>
текст текст текст текст текст<br>
текст текст текст текст текст<br>
<a href="#" class="back">Вернуться назад</a></span>