HilfDirSelbst.ch: Programmierung/Entwicklung: JavaScript: Button Click Transition Aktion

Button Click Transition Aktion

michey55

Beiträge gesamt: 8

11. Jun 2020, 10:37
Bewertung:

gelesen: 39094

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