Widget:ShowHide

<noinclude>
[[Luokka:Pienoisohjelma]]
</noinclude><includeonly>
<div id="<!--{$id|escape:'quotes'}-->_buttonX" class="ShowHide-button"></div>

<script type="text/javascript">

     function <!--{$id|escape:'quotes'}-->_ShowHideInit() {
          if (!jQuery('#<!--{$id|escape:'quotes'}-->_button').length) {
               jQuery('#<!--{$id|escape:'quotes'}-->_buttonX').attr('class', 'ShowHide-button');
               jQuery('#<!--{$id|escape:'quotes'}-->_buttonX').attr('id', '<!--{$id|escape:'quotes'}-->_button');
          }
          jQuery('#<!--{$id|escape:'quotes'}-->_button').attr('class', 'ShowHide-button');
          jQuery('#<!--{$id|escape:'quotes'}-->_button').append('<div id="<!--{$id|escape:'quotes'}-->_bg-r" class="ShowHide-button-r"></div>');
          jQuery('#<!--{$id|escape:'quotes'}-->_bg-r').append('<div id="<!--{$id|escape:'quotes'}-->_bg-l" class="ShowHide-button-l"></div>');

          jQuery('#<!--{$id|escape:'quotes'}-->_bg-l').append('<div id="<!--{$id|escape:'quotes'}-->_button_show" class="ShowHide-button-show" style="display: none; cursor: pointer;" onClick="<!--{$id|escape:'quotes'}-->_ShowHideToggle();"><a><!--{$show|escape:'quotes'}--></a></div>');

          jQuery('#<!--{$id|escape:'quotes'}-->_bg-l').append('<div id="<!--{$id|escape:'quotes'}-->_button_hide" class="ShowHide-button-hide" style="display: none; cursor: pointer;" onClick="<!--{$id|escape:'quotes'}-->_ShowHideToggle();"><a><!--{$hide|escape:'quotes'}--></a></div>');

          jQuery('#<!--{$id|escape:'quotes'}-->').css('height',jQuery('#<!--{$id|escape:'quotes'}-->').height() + 'px');

          <!--{$id|escape:'quotes'}-->_ShowHideToggle();
     }

     function <!--{$id|escape:'quotes'}-->_ShowHideToggle() {
          if (jQuery('#<!--{$id|escape:'quotes'}-->').is(":visible")) {
               jQuery('#<!--{$id|escape:'quotes'}-->_button_show').show();
               jQuery('#<!--{$id|escape:'quotes'}-->_button_hide').hide();
          } else {
               jQuery('#<!--{$id|escape:'quotes'}-->_button_hide').show();
               jQuery('#<!--{$id|escape:'quotes'}-->_button_show').hide();                         
          }
          jQuery('#<!--{$id|escape:'quotes'}-->').slideToggle();
     }

</script>

<script type="text/javascript">
	jQuery(document).ready(function() { <!--{$id|escape:'quotes'}-->_ShowHideInit(); } );
</script>

</includeonly>