Hide Show Region by default is SHOW

Ketika kita memakai sebuah template region "Hide Show" maka secara default ketika page di load maka posisi region dalam keadaan "Hide". Bagaimana jika butuh sebaliknya?.

Lakukan langkah-langkah berikut:

1. Copy template "Hide and Show Region".
2. Beri nama baru "Hide and Show Region 2".
3. Lakukan perubahan berikut :
• Template Asli :

<div class="hide-show-region" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>
  <div class="hide-show-top">
    <div class="hide-show-title"><a href="javascript:hideShow('region#REGION_SEQUENCE_ID#','shIMG#REGION_SEQUENCE_ID#','#IMAGE_PREFIX#themes/theme_21/images/right_arrow.png','#IMAGE_PREFIX#themes/theme_21/images/down_arrow.png');" class="t1HideandShowRegionLink"><img src="#IMAGE_PREFIX#themes/theme_21/images/right_arrow.png" 
  id="shIMG#REGION_SEQUENCE_ID#" alt="" /></a> #TITLE#</div>
    <div class="hide-show-buttons">#CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#</div>
  </div>
<div class="hide" id="region#REGION_SEQUENCE_ID#" style="float:left;">#BODY#</div>
</div>

• Template Setelah Perubahan :

<div class="hide-show-region" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES#>
  <div class="hide-show-top">
    <div class="hide-show-title"><a href="javascript:hideShow('region#REGION_SEQUENCE_ID#','shIMG#REGION_SEQUENCE_ID#','#IMAGE_PREFIX#themes/theme_21/images/right_arrow.png','#IMAGE_PREFIX#themes/theme_21/images/down_arrow.png');" class="t1HideandShowRegionLink"><img src="#IMAGE_PREFIX#themes/theme_21/images/down_arrow.png" 
  id="shIMG#REGION_SEQUENCE_ID#" alt="" /></a> #TITLE#</div>
    <div class="hide-show-buttons">#CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#</div>
  </div>
<div class="show" id="region#REGION_SEQUENCE_ID#" style="clear:both;display:block;">#BODY#</div>
</div>

4. Gunakan dalam aplikasi contoh disini