function toggleContent (toggleClass, toggle_button, effect, options, duration, heightClass, singlePixelMove, signChange, position) { /*Example: toggleContent('.toggle-sidebar-right', '.mobile-sidebar-right-btn', 'blind', {direction:'right', easing: 'easeInOutQuart'}, 700, '#content', -1, -1, 'top' ); */ // console.log("toggleContent()"); // Toggle Container Wrap setzen //debugger; jQuery(toggleClass).wrap("
"); //jQuery(toggleClass).wrap( "" ); // Toggle Content markieren jQuery(toggleClass).addClass('toggle-content'); // ersten Start,der Seite. Toggle Contents ausblenden jQuery('.toggle-content').hide(); // Toggle Buttons markieren jQuery(toggle_button).addClass('toggle-button'); // an ToggleClass werden 'effect' 'options' und 'duration' als data mit gegeben für späteres hide() jQuery(toggleClass).data("effect", effect); jQuery(toggleClass).data("options", options); jQuery(toggleClass).data("duration", duration); /* console.log(toggleClass+ '\n effect '+ jQuery(toggleClass).data("effect")+ "\n options " +jQuery(toggleClass).data("options")+ "\n duration "+jQuery(toggleClass).data("duration")); */ jQuery(toggle_button).click(function () { // console.log("click toggle_button "+toggle_button); //debugger; // deaktiviere alle Buttons jQuery('.toggle-button').removeClass('active'); //console.log(toggleClass+ " Eingang Display: "+(jQuery(toggleClass).css("display"))); if (jQuery(toggleClass).css("display") == 'none' ) { // Hide jede toggle-content Klasse mit eigenem Effect var x= document.getElementsByClassName("toggle-content"); for (var i=0; i<=x.length; i++) { jQuery(x[i]).hide( jQuery(x[i]).data("effect"), jQuery(x[i]).data("options"), jQuery(x[i]).data("duration") ); } //console.log('toggleContent()'); //console.log('heightClass: '+heightClass+' \nsinglePixelMove: '+singlePixelMove+ ' \nsignChange: '+signChange+' \nposition: '+position ); if ( (heightClass==undefined) || (singlePixelMove==undefined) || (signChange==undefined) || (position==undefined) ) { // wenn eines der 5 letzten Übergabe Parameter nicht gesetzt sind, wird nicht berücksichtigt } else { // wenn die letzten 5 Parameter gesetzt sind, wird verschoben var value = ($(heightClass).innerHeight()+singlePixelMove)*signChange; //console.log(value+' = ($('+heightClass+').innerHeight()+'+singlePixelMove+')*'+signChange+'\nposition '+position ); //console.log('jQuery('+toggleClass+').css('+position+', ('+value+') + "px")'); jQuery(toggleClass).css(position, (value) + "px"); } // der geklickter toggleClass wird eingeblendet jQuery(toggleClass).show(effect, options, duration); jQuery(toggle_button).toggleClass('active'); //debugger; } else { // geklickt aktueller toggleClass ausblenden jQuery(toggleClass).hide(effect, options, duration); // //console.log(toggleClass+ " hide"); //debugger; } //console.log(toggleClass+ " Ausgang Display: "+jQuery(toggleClass).css("display")); //debugger; }); } // END toggleContent()