MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus e-vendo Wiki
Wechseln zu: Navigation, Suche
 
(28 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 2: Zeile 2:
  
  
/* ==== back to top-button ==== */
+
/* ==== accordion ==== */
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').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);
 +
});
  
/* ==== accordion ==== */
 
var acc = document.getElementsByClassName("accordion");
 
var acc = document.getElementsByClassName("panel");
 
var i;
 
  
for (i = 0; i < acc.length; i++) {
+
/* ==== back to top-button ==== */
    acc[i].addEventListener("click", function() {
 
        this.classList.toggle("active");
 
  
        if (panel.style.display === "block") {
+
document.getElementById("btt").addEventListener("mouseenter",function(){ this.style.opacity="1.0", this.style.transition="0.3s" });
            panel.style.display = "none";
+
document.getElementById("btt").addEventListener("mouseleave",function(){ this.style.opacity="0.8", this.style.transition="0.3s" });
        } else {
 
            panel.style.display = "block";
 
        }
 
    });
 
}
 

Aktuelle Version vom 9. August 2018, 11: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" });