Читать далее на JS
HTML
<div class="content">content hulk foo</div>
<div class="toggle">More Information</div>
JavaScript
$(document).ready(function () {
$(".content").hide();
$(".toggle").on("click", function (e) {
var $this = $(this).prev('.content');
var $text = $(this);
$this.slideToggle('fast', function () {
if ($(this).is(':visible')) {
$text.text('less info');
} else {
$text.text('more info');
}
});
});
});