Спойлер находится в отдельном блоке (Drupal 7).
Код спойлера и его содержание такие:
<script>
jQuery(function($) {
if ( jQuery( '.shortcode-toggle').length ) {
jQuery( '.shortcode-toggle').each( function () {
var toggleObj = jQuery(this);
toggleObj.closedText = toggleObj.find( 'input[name="title_closed"]').attr( 'value' );
toggleObj.openText = toggleObj.find( 'input[name="title_open"]').attr( 'value' );
// Add logic for the optional excerpt text.
if ( toggleObj.find( 'a.more-link.read-more' ).length ) {
toggleObj.readMoreText = toggleObj.find( 'a.more-link.read-more' ).text();
toggleObj.readLessText = toggleObj.find( 'a.more-link.read-more' ).attr('readless');
toggleObj.find( 'a.more-link.read-more' ).removeAttr('readless');
toggleObj.find( 'a.more-link' ).click( function () {
var moreTextObj = jQuery( this ).next( '.more-text' );
moreTextObj.animate({ opacity: 'toggle', height: 'toggle' }, 10).css( 'display', 'block' );
moreTextObj.toggleClass( 'open' ).toggleClass( 'closed' );
if ( moreTextObj.hasClass( 'open') ) {
jQuery(this).text(toggleObj.readLessText);
} // End IF Statement
if ( moreTextObj.hasClass( 'closed') ) {
jQuery(this).text(toggleObj.readMoreText);
} // End IF Statement
return false;
});
}
toggleObj.find( 'input[name="title_closed"]').remove();
toggleObj.find( 'input[name="title_open"]').remove();
toggleObj.find( 'h4.toggle-trigger a').click( function () {
toggleObj.find( '.toggle-content').animate({ opacity: 'toggle', height: 'toggle' }, 10);
toggleObj.toggleClass( 'open' ).toggleClass( 'closed' );
if ( toggleObj.hasClass( 'open') ) {
jQuery(this).text(toggleObj.openText);
} // End IF Statement
if ( toggleObj.hasClass( 'closed') ) {
jQuery(this).text(toggleObj.closedText);
} // End IF Statement
return false;
});
});
} // End IF Statement
}); // jQuery()
</script>
<div class="shortcode-toggle toggle-show-the-content closed white border">
<h4 class="toggle-trigger">
<a href="#">Сравнительная таблица кровельных материалов</h4>
<div class="toggle-content">
<table border="0" cellpadding="0" cellspacing="0">
ТУТ САМА ТАБЛИЦА
</table>
</div>
<input name="title_open" type="hidden" value="Сравнительная таблица кровельных материалов" /><input name="title_closed" type="hidden" value="Сравнительная таблица кровельных материалов" /></div>