MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus MILLENNIUM ARTS ISP - Hilfe | FAQ
Zur Navigation springen Zur Suche springen
(Die Seite wurde neu angelegt: „→‎Das folgende JavaScript wird für alle Benutzer geladen.: $(document).ready(function() { // Ziel: Alle <li> in #p-navigation mit Untermenüs $('#p-navigation .pBody ul li').each(function() { var $this = $(this); if ($this.find('ul').length > 0) { // Nur Elemente mit Untermenüs var $header = $this.children('a, span').first(); // Erster Link oder Text var $submenu = $this.children('ul'); // Untermenü…“)
 
KKeine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
/* Das folgende JavaScript wird für alle Benutzer geladen. */
/* Das folgende JavaScript wird für alle Benutzer geladen. */
$(document).ready(function() {
$(document).ready(function() {
     // Ziel: Alle <li> in #p-navigation mit Untermenüs
     // Alle <li> in einem Menü mit Untermenüs finden
     $('#p-navigation .pBody ul li').each(function() {
     $('.portlet ul li').each(function() {
         var $this = $(this);
         var $this = $(this);
         if ($this.find('ul').length > 0) { // Nur Elemente mit Untermenüs
         if ($this.find('ul').length > 0) { // Nur mit Untermenüs
             var $header = $this.children('a, span').first(); // Erster Link oder Text
             var $header = $this.children('a, span').first(); // Erster Link oder Text
             var $submenu = $this.children('ul'); // Untermenü
             var $submenu = $this.children('ul'); // Untermenü
Zeile 11: Zeile 11:
             $header.css({
             $header.css({
                 'cursor': 'pointer',
                 'cursor': 'pointer',
                 'font-weight': 'bold' // Optional
                 'font-weight': 'bold'
             });
             });
             $submenu.hide(); // Standardmäßig eingeklappt
             $submenu.hide(); // Eingeklappt


             // Klick-Event
             // Klick-Event

Version vom 30. März 2025, 10:53 Uhr

/* Das folgende JavaScript wird für alle Benutzer geladen. */
$(document).ready(function() {
    // Alle <li> in einem Menü mit Untermenüs finden
    $('.portlet ul li').each(function() {
        var $this = $(this);
        if ($this.find('ul').length > 0) { // Nur mit Untermenüs
            var $header = $this.children('a, span').first(); // Erster Link oder Text
            var $submenu = $this.children('ul'); // Untermenü
            
            // Styling
            $header.css({
                'cursor': 'pointer',
                'font-weight': 'bold'
            });
            $submenu.hide(); // Eingeklappt

            // Klick-Event
            $header.click(function(e) {
                e.preventDefault();
                $submenu.slideToggle();
            });
        }
    });
});