Раскрытие другой части текста нажатием на кнопку.

Достаточно простеньким javascript'ом
Погуглите найдёте

Или можно самому написать, там несколько строчек кода.
Чтобы по клику мышкой определённая часть контента (через стили) открывалась, и по клику скрывалась.

Наткнулся на такой вариант
<span><a href="https://pr-cy.ru/jump/?url=" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">mehr</a><div style='display: none'>Большой и длинный текст :)</div></span>
Но не работает

http://yadi.sk/d/1vjCVhh8CjJag
вот вам ссылочка на скрипт, плавная съезжалка разъезжалка.
Написал за 20 минут.
Пользуйтесь

да. забыл уточнить, требует джейквери

пробуй
<div style="margin: 0px 0px 0px 0px;">
<div class="smallfont" style="margin-bottom: 0px;">
<input style="background-color: #cfe2f3; border-color: #3d85c6; border-radius: 5px; border: solid 1px; color: #0b5394; cursor: pointer; font-size: 15px; font: bold 16px Georgia; margin: 0px; padding: 10px; width: 205px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Закрыть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Открыть'; }" value="Наши реквизиты" /> </div>
<div class="alt2" style="margin: 0px; padding: 0px;">
<div style="display: none;">
бла бла блабла бла блабла бла блабла бла блабла бла блабла бла блабла
бла блабла бла блабла бла блабла бла блабла бла блабла бла блабла бла
блабла бла блабла бла бла
</div>

Используйте тег <cut>...