templates/webpages/menu/menu.html

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