MediaWiki:Common.js: Unterschied zwischen den Versionen

Aus e-vendo Wiki
Wechseln zu: Navigation, Suche
 
(22 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 3: Zeile 3:
  
 
/* ==== accordion ==== */
 
/* ==== accordion ==== */
 +
 
$('.accordion').click(function(){
 
$('.accordion').click(function(){
  $(this).toggleClass('active').next('.panel').toggle(400);
+
  $(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 ==== */
 
/* ==== 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" });
+
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, 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" });