MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus e-vendo Wiki
Wechseln zu: Navigation, Suche
 
(38 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
 
/* Das folgende JavaScript wird für alle Benutzer geladen. */
 
/* Das folgende JavaScript wird für alle Benutzer geladen. */
  
/* back to top-button */
 
document.getElementById("btt").addEventListener("mouseenter",function(){ this.style.opacity="1.0", this.style.transition="0.5s" });
 
document.getElementById("btt").addEventListener("mouseleave",function(){ this.style.opacity="0.7", this.style.transition="0.5s" });
 
  
 +
/* ==== accordion ==== */
  
/* accordion */
+
$('.accordion').click(function(){
 +
$(this).toggleClass('active').next('.panel').slideToggle(300);
 +
});
  
var acc = document.getElementsByClassName("sb-accordion");
+
$('.accordion2').click(function(){
var i;
+
$(this).toggleClass('active2').next('.panel2').slideToggle(300);
 +
});
  
for (i = 0; i < acc.length; i++) {
+
$('.accordion3').click(function(){
    acc[i].addEventListener("click", function() {
+
$(this).parents().children('.active3').not($(this)).removeClass('active3').next('.panel3').slideUp(300);
        this.classList.toggle("active");
+
$(this).toggleClass('active3').next('.panel3').slideToggle(300);
        var panel = this.nextElementSibling;
+
});
        if (panel.style.display === "block") {
+
 
            panel.style.display = "none";
+
 
        } else {
+
/* ==== back to top-button ==== */
            panel.style.display = "block";
+
 
        }
+
document.getElementById("btt").addEventListener("mouseenter",function(){ this.style.opacity="1.0", this.style.transition="0.3s" });
    });
+
document.getElementById("btt").addEventListener("mouseleave",function(){ this.style.opacity="0.8", this.style.transition="0.3s" });
}
 

Aktuelle Version vom 9. August 2018, 12:33 Uhr

/* Das folgende JavaScript wird für alle Benutzer geladen. */


/* ==== accordion ==== */

$('.accordion').click(function(){
 $(this).toggleClass('active').next('.panel').slideToggle(300);
});

$('.accordion2').click(function(){
 $(this).toggleClass('active2').next('.panel2').slideToggle(300);
});

$('.accordion3').click(function(){
 $(this).parents().children('.active3').not($(this)).removeClass('active3').next('.panel3').slideUp(300);
 $(this).toggleClass('active3').next('.panel3').slideToggle(300);
});


/* ==== back to top-button ==== */

document.getElementById("btt").addEventListener("mouseenter",function(){ this.style.opacity="1.0", this.style.transition="0.3s" });
document.getElementById("btt").addEventListener("mouseleave",function(){ this.style.opacity="0.8", this.style.transition="0.3s" });