com.woltlab.wcf/templates/spoilerBBCodeTag.tpl

   1 <!-- begin:parser_nonessential -->
   2 <div class="container containerPadding spoilerBox jsSpoilerBox">
   3         <header class="jsOnly">
   4                 <a class="button jsSpoilerToggle"{if $buttonTitle} data-has-custom-label="true"{/if}>{if $buttonTitle}{@$buttonTitle}{else}{lang}wcf.bbcode.spoiler.show{/lang}{/if}</a>
   5         </header>
   6
   7         <div style="display: none">
   8                 {@$content}
   9         </div>
  10 </div>
  11
  12 {if !$__wcfSpoilerBBCodeJavaScript|isset}
  13         {assign var='__wcfSpoilerBBCodeJavaScript' value=true}
  14         <script data-relocate="true">
  15                 //<![CDATA[
  16                 $(function() {
  17                         $('.jsSpoilerBox').each(function(index, spoilerBox) {
  18                                 var $toggle = $(spoilerBox).removeClass('jsSpoilerBox').find('> header > .jsSpoilerToggle');
  19                                 $toggle.click(function() {
  20                                         $toggle.toggleClass('active').parent().next().slideToggle({
  21                                                 complete: function() {
  22                                                         var $container = $(this);
  23                                                         if ($container.is(':visible')) {
  24                                                                 WCF.DOMNodeInsertedHandler.execute();
  25                                                         }
  26
  27                                                         if (!$toggle.data('hasCustomLabel')) {
  28                                                                 if ($container.is(':visible')) {
  29                                                                         $toggle.text('{lang}wcf.bbcode.spoiler.hide{/lang}');
  30                                                                 }
  31                                                                 else {
  32                                                                         $toggle.text('{lang}wcf.bbcode.spoiler.show{/lang}');
  33                                                                 }
  34                                                         }
  35                                                 }
  36                                         });
  37                                 });
  38                         });
  39                 });
  40                 //]]>
  41         </script>
  42 {/if}
  43 <!-- end:parser_nonessential -->