Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision ee706e4b

Von Sven Schöling vor fast 7 Jahren hinzugefügt

  • ID ee706e4bb248eada352065dd4662e4109bb43c12
  • Vorgänger 5594e779
  • Nachfolger 15eda163

Menü: CSS-Klasse an offene Menüeinträge setzen

Damit ist es möglich, in Stylesheets zwischen offenen und
geschlossenen Menüs zu unterscheiden.

Unterschiede anzeigen:

templates/webpages/menu/menu.html
1 1
[%- USE JSON %]
2
$(function(){$([% JSON.json(sections) %]).each(function(i,b){var a=$('<a class="ml">').append($('<span class="mii ms">').append($('<div>').addClass(b[3])),$('<span class="mic">').append(b[0]));if(b[5])a.attr('href', b[5]);if(b[6])a.attr('target', b[6]);$('#html-menu').append($('<div class="mi">').addClass(b[4]).addClass(b[1]).attr('id','mi'+b[2]).append(a))});$('#html-menu div.i, #html-menu div.sm').not('[id^='+$.cookie('html-menu-selection')+'_]').hide();$('#html-menu div.m').each(function(){$(this).click(function(){$.cookie('html-menu-selection',$(this).attr('id'));$('#html-menu div.mi').not('div.m').not('[id^='+$(this).attr('id')+'_]').hide();$('#html-menu div.mi[id^='+$(this).attr('id')+'_]').toggle()})})})
2
$(function(){$([% JSON.json(sections) %]).each(function(i,b){
3
  var a=$('<a class="ml">').append($('<span class="mii ms">').append($('<div>').addClass(b[3])),$('<span class="mic">').append(b[0]));
4
  if(b[5])a.attr('href', b[5]);
5
  if(b[6])a.attr('target', b[6]);
6
  $('#html-menu').append($('<div class="mi">').addClass(b[4]).addClass(b[1]).attr('id','mi'+b[2]).append(a))
7
});
8
$('#html-menu div.i, #html-menu div.sm').not('[id^='+$.cookie('html-menu-selection')+'_]').hide();
9
$('#html-menu div.m#'+$.cookie('html-menu-selection')).addClass('menu-open');
10
$('#html-menu div.m').each(function(){
11
  $(this)
12
    .click(function(){
13
      $.cookie('html-menu-selection',$(this).attr('id'));
14
      $('#html-menu div.mi').not('div.m').not('[id^='+$(this).attr('id')+'_]').hide();
15
      $('#html-menu div.mi[id^='+$(this).attr('id')+'_]').toggle();
16
      $('#html-menu div.m').not('[id^='+$(this).attr('id')+']').removeClass('menu-open');
17
      $(this).toggleClass('menu-open');
18
    })
19
})
20
})

Auch abrufbar als: Unified diff