Возможность скрывать не нужный текст

[vitty]

Здравствуйте!

Начали публиковать на форуме достаточно объемные статьи и чтобы не публиковать их сплошняком, хочется понять каким образом (может уже модификация подобная есть) облегчить людям навигацию по статье. Допустим статья пятьдесят страницы и у нее есть оглавление. Соответственно в основном посте будет по умолчанию только оглавление, напротив каждого из пунктов которого будет стоять знак "плюс". Можно нажать на плюс (он автоматически станет минус) и раздвинется нужный пункт статьи.
На некоторых форумах я такое видел на уровне веток, их там было много и можно было не нужную котегорию допустим свернуть. Тут требуется все сделать в конкретном сообщении, т.е. требуется нужный bbcode.

Чем-то это напоминает bbcode spoiler, но там во-первых нельзя писать заголовки и главное, что фон белый, а у форума основной фон бледно коричневый.

[Пчелкин]

Код: Выделить всё

[spoil_bigtext={TEXT1}]{TEXT2}[/spoil_bigtext]

Код: Выделить всё

<div style="margin: 8px auto; border: 1px solid #C3CBD1; border-left-width: 2px">
	<div style="background: #E9E9E6; height: 19px; font-size: 0.9em; font-weight: bold; cursor: pointer" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; [censor] = btn.src; btn.src = 'data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw=='; } else { hidn.style.display = 'none'; btn.src = [censor]; }">
		<img style="margin: 0; padding: 5px 5px 0" src="data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=" />
		После открытия спейлера в самом низу закрытой информации останется дополнительная кнопочка для его закрытия 
	</div>
	<div style="display: none; background: #CCCCFF; border-top: 1px solid #C3CBD1; padding: 6px">
		{TEXT2}
	</div>
    <div style="background: #E9E9E6; height: 19px; font-size: 0.9em; font-weight: bold; cursor: pointer" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; [censor] = btn.src; btn.src = 'data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw=='; } else { hidn.style.display = 'none'; btn.src = [censor]; }">
		<img style="margin: 0; padding: 5px 5px 0" src="data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=" />
        Дополнительная кнопочка для закрытия спойлера снизу после просмотра всей закрытой спойлером информации
	</div>
</div>

Код: Выделить всё

Спойлер для закрытия большого количества информации

В коде

Код: Выделить всё

ССССFF

как раз цвет фона внутри спойлера....

[vitty]

Отлично, то что надо, только вместо заголовков на против кнопки плюс пишет:
После открытия спейлера в самом низу закрытой информации останется дополнительная кнопочка для его закрытия

А на против нижней кнопки (вернее перед ней):
Дополнительная кнопочка для закрытия спойлера снизу после просмотра всей закрытой спойлером информации

Я так полагаю нужно ввести это значение в виде переменной, которая будет приравнена к тексту, что идет в заголовке, т.е. тут: [spoil_bigtext=Заголовок1]Текст[/spoil_bigtext], как это можно сделать?

Добавлено спустя 25 минут 42 секунды:
Все разобрался, взял чуть другой мод:

{TEXT1} 

{TEXT2}

Код: Выделить всё

<div style="margin: 8px auto; border: 1px solid #C3CBD1; border-left-width: 2px">
	<div style="background: #E9E9E6; height: 19px; font-size: 0.9em; font-weight: bold; cursor: pointer" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; [censor] = btn.src; btn.src = 'data:image/gif;base64,R0lGODlhCQAJAMQeAOLt+ff8//z+/4CRxo2by7vF6a254X6PxICQw87a74CQxuXo84CQxM/b7/H6/v7+/oGRxouayoGSxv7+/8LN7IqZyv7//4KSxur0/MrV74OTx9Ld8trl9gwMDP///wAAACH5BAEAAB4ALAAAAAAJAAkAAAU4oFcpwzFAkWgUVLZxCQGxLgdgGtS+t6NJmY5QOEFcNo/kZGLRXGwYR0DQjDSiU8uCIJJIGJdLKgQAOw=='; } else { hidn.style.display = 'none'; btn.src = [censor]; }">
		<img style="margin: 0; padding: 5px 5px 0" src="data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=" />
		{TEXT1}
	</div>
	<div style="display: none; background: #F5F5F5; border-top: 1px solid #C3CBD1; padding: 6px">
		{TEXT2}
	</div>
</div>

[Пчелкин]

Ну или так....правда в этом нет нижней закрывашки...а народ счас ленивый...попробуйте прилепить ТЕКСТ3,4 к верхнему...

[vitty]

А вот еще вопрос назрел. Каким образом сделать, так чтобы можно было заголовок спойлера менять bbcodами, т.е. скажем задать высоту шрифта, жирность, курсив и т.д., не затрагивая при этом текст, что в спойлере?