Skip to content

Add JQuery toggle Script to footer in WordPress

selective focus photography of program setup

Dies ist ein einfaches Beispiel dafür, wie man in WordPress ein JQuery Code in den Footer einbringt, um bspw. ein Toggle Skript auszulösen. Das kann sinnvoll sein, wenn man bestimmte Bereiche erst einblenden möchte, wenn der Besucher es wünscht. So kann man das Ganze Layout übersichtlicher gestalten und muss es nicht mit zu vielen Informationen zumüllen.

add_action( 'wp_footer', function() { ?>
  <script>
	  
	  jQuery('#trigger1').click(function() {
		  jQuery("#trigger1 figure.down").toggleClass('hidden');
		  jQuery("#trigger1 figure.right").toggleClass('hidden');
		  jQuery("#apply1").fadeToggle("fast");

		  jQuery("#trigger2 figure.down").addClass('hidden');
		  jQuery("#trigger2 figure.right").removeClass('hidden');
		  jQuery("#apply2").fadeOut("fast");
	  }); 

	  jQuery('#trigger2').click(function() {
		  jQuery("#trigger2 figure.down").toggleClass('hidden');
		  jQuery("#trigger2 figure.right").toggleClass('hidden');
		  jQuery("#apply2").fadeToggle("fast");
		  
		  jQuery("#trigger1 figure.down").addClass('hidden');
		  jQuery("#trigger1 figure.right").removeClass('hidden');
		  jQuery("#apply1").fadeOut("fast");
	  });  
	  
	   /*
	  jQuery('#trigger2').click(function() {
		  //alert('dfsd');
		  jQuery(".apply2-img img.wpex-align-middle").attr("src","/wp-content/uploads/2022/07/arrow-blue-down.svg");
	  });
	  
	 
    jQuery(function(){ //on document ready
    jQuery(document).scroll(function (e) { //bind scroll event

        var intBottomMargin = 300; //Pixels from bottom when script should trigger

        //if less than intBottomMargin px from bottom
        if (jQuery(window).scrollTop() >= jQuery(document).height() - jQuery(window).height() - intBottomMargin) {
            jQuery(".vcex-loadmore a").click(); //trigger click
        }

    });
});*/
	  
  </script>
<?php }, 99 );


Dieser Beitrag hat 0 Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

An den Anfang scrollen