templates/webpages/menu/menu.html

   1 [%- USE L %]
   2 <body class="menu">
   3
   4 <div id='html-menu'>
   5 [%- FOREACH item IN sections %]
   6  <div id='mi[% item.item_id %]' class='mi [% item.spacer %] [% item.class %]'>[%- IF item.href %]
   7   <a href="[% item.href | html %]" class='ml' target='[% item.target %]'><span class="mii ms">[% L.img_tag(item.img) %]</span><span class='mic'>[% item.label %]</span></a>[%- ELSE %]
   8   <span class="mii ms">[% L.img_tag(item.img) %]</span><span class='mic'>[% item.label %]</span>[%- END %]
   9  </div>
  10 [%- END %]
  11 </div>
  12 <script type='text/javascript'>
  13   $(function(){
  14     $('#html-menu div.i, #html-menu div.sm').hide();
  15     $('#html-menu div.m').each(function() {
  16       $(this).click(function(){
  17         $('#html-menu div.mi').not('div.m').not('[id^=' + $(this).attr('id') + '_]').hide();
  18         $('#html-menu div.mi[id^=' + $(this).attr('id') + '_]').toggle();
  19       });
  20     });
  21   });
  22 </script>
  23 </body>
  24 </html>