[GastForen Programmierung/Entwicklung JavaScript Button Click Transition Aktion

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Button Click Transition Aktion

michey55
Beiträge gesamt: 8

11. Jun 2020, 10:37
Beitrag # 1 von 1
Bewertung:
(39060 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo

ich habe einen Button der beim clicken einen weiteren Bereich einer Seite zeigen soll (und dies auch tut).

Code
<button id="myButton" class="hiddenContent">mehr...</button> 


Code
$(document).ready(function(){ 

$('#myButton').click(function(){
var $this = $(this);
$("#hiddenGal").fadeToggle();
$this.toggleClass('hiddenContent');
if($this.hasClass('hiddenContent')){
$this.text('mehr...');

} else {
$this.text('weniger...');
}
});
});


Code
#hiddenGal { 
display: none;
}


An anderer Stelle benutze ich das hier um elemente mit Zoom/Fade In Effekt einzublenden:

Code
$(document).ready(function() {	 
// Instantiate MixItUp:
$('#gal_container1').mixItUp();

});


Code
#gal_container1 .mix { 
display: none;
}


Nun würde ich gerne das FadeToggle des Buttons mit dem mixItUp ersetzen.
Selbst habe ich nichts funktionierendes zustande gebracht, bin auch nur ein Dilettant auf dem Gebiet.
Kann vielleicht jemand weiterhelfen?

Das Ganze sieht so aus: http://www.ceram-mic.com/...al_test/gallery.html
X