mason/page/optional_show.mas

   1 <%doc>
   2
   3 =ITEM1 NAME
   4
   5 /page/optional_show.mas - a doodad to show an optional section
   6
   7 =ITEM1 DESCRIPTION
   8
   9 C<<& /page/optional_show.mas, title=> $title, content=>$content, default_show=>1 &>>
  10
  11 IMPORTANT: This mason component depends on jQuery. The enclosing component is responsible for importing jqueryui.
  12
  13 =cut
  14
  15 </%doc>
  16
  17 <%args>
  18   $id => 'optional_show_'.++$uniq_id_count
  19   $title
  20   $content => ''
  21   $default_show => 0
  22   $class => ''
  23 </%args>
  24 <%once>
  25   our $uniq_id_count;
  26 </%once>
  27 <!-- & /util/import_javascript.mas, classes => 'jqueryui' & -->
  28 <div id="<% $id %>" class="optional_show <% $class %>">
  29     <h3 class="<% $default_show ? 'active' : '' %>"><span class="icon">&nbsp;</span><span class="title"><% $title %></span></h3>
  30     <div>
  31        <% $m->content || $content %>
  32     </div>
  33 </div>
  34 <script type="text/javascript">
  35     jQuery(function($) {
  36       $("#<% $id %> h3").click(function() {
  37         $(this).next().toggle();
  38         $(this).toggleClass('active');
  39         return false;
  40       })<% $default_show ? '' : '.next().hide();' %>
  41     });
  42 </script>
  43