jQuery Spoiler

[all4phone]

Nazwa BBCode: jQuery Spoiler - dynamiczny spoiler

Autor: liptonace

Dodaj/zmień znacznik BBCode:

Kod: Zaznacz cały

[spoiler]{TEXT}[/spoiler]

Zamiennik HTML:

Kod: Zaznacz cały

<div style="margin:5px; margin-top:5px; border: 1px solid #3bbfe7;" class="codebox">
<div style="height:22px; text-align: center;"><strong>Spoiler:</strong>
<input type="button" class="changevalue" value="{L_SP_SHOW}" style="width:60px; font-size:10px; margin:0px; padding:0px;" onclick="$(this).parents('.codebox').find('.content').toggle('slow');"></div>
<div class="content" style="display: none; background-color:#e6e6e6; padding: 5px;">{TEXT}</div></div>

Podpowiedzi:

Kod: Zaznacz cały

Spoiler do długich opisów: [spoiler]tekst[/spoiler]

Przykład:

Kod: Zaznacz cały

[spoiler]Ukryty tekst :) :D[/spoiler]

-----------------------------------------------------------------------------------------------

Edycja plików:
Odtwórz: ./styles/{twój_styl}/template/overall_header.html

Znajdź:

Kod: Zaznacz cały

</head>

Dodaj przed:

Kod: Zaznacz cały

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$("document").ready(
	function()
	{
		$("input.changevalue").toggle(
			function()
			{
				$(this).val('{L_SP_HIDE}');
			},
			function()
			{
				$(this).val('{L_SP_SHOW}');
			}
		);
	}
);
</script>

Odtwórz: ./language/en/common.php
Znajdź:

Kod: Zaznacz cały

));
?>

Dodaj przed:

Kod: Zaznacz cały

	'SP_HIDE'				=> 'Hide',
	'SP_SHOW'				=> 'Show',

Odtwórz: ./language/pl/common.php
Znajdź:

Kod: Zaznacz cały

));
?>

Dodaj przed:

Kod: Zaznacz cały

	'SP_HIDE'				=> 'Ukryj',
	'SP_SHOW'				=> 'Pokaż',

Demo: demo