Sliding panel jquery

Bonjour à tous.

je teste actuellement "jPushMenu.js"
jPushMenu.js

il est intéressant mais je trouve la fermeture du menu assez brutale.

J'aimerais que le panel se rétracte une fois la page chargée avec un petit délai.
Est-il possible ?


Merci de m'aider
Modifié par olimann (28 Aug 2013 - 16:31)

Tu aurais presque meilleur temps de faire ton propre script, mais pour faire avec le plugin en question...

je te proposerais d'ajouter par défaut les classes "ouvertes du plugin" sur body et ton menu.

C'est à dire cbp-spmenu-push-toleft sur body, et cbp-spmenu-open sur ton menu.

Puis en jQuery, avec l'event $(window).load lancer un petit timer puis simuler un clic (trigger) sur ton bouton d'ouverture.

J'espère mon explication assez claire.

Ail je ne suis pas une flèche en Javascript, mais essayons de comprendre.

si je suis ton raisonnement il faudrait utiliser : addClass ?

$(window).load(
		function(){
			$("body").addClass("cbp-spmenu-push-toleft");
			$(".cbp-spmenu").addClass("cbp-spmenu-open");
});

mais dans ce cas de figure j'ai l'effet contraire escompté !?
Peut-être avec removeClass() ?

Merci.

Nan, en fait je pense que je mettrai directement les classes en dur dans le code sur les balises en question, puis avec un timer en js, il faudrait les enlever avec removeClass ou en simulant un clic sur le bouton.

Pour que le menu soit ouvert, puis après quelques secondes se ferme.

Voici mon code...
je ne sais pas si dans l’état il est propre à la consommation ou besoin d'être optimisé ?
DEMO

jQuery(document).ready(function($) {
			$('.container').hide();
			//
			$('.cbp-spmenu').addClass('cbp-spmenu-open');
                        $('.toggle-menu').jPushMenu();
			 
});
		
	$(window).load(
		function(){
			$('.container').fadeIn(800);
			//
			setTimeout(function() {
			$('body').removeClass('cbp-spmenu-push-toleft');
			$('.cbp-spmenu').removeClass('cbp-spmenu-open');
	}, 500);

});	

Par-contre je vais devoir implanter un Progress-Bar, non ?

Problème avec Chrome
Modifié par olimann (30 Aug 2013 - 14:22)

Eh bien, c'est pas mal du tout !

A voir après pour la bar de progression, mais je ne sais pas pourquoi ?

Là je sèche ??
sous "Chrome" je ne sais pas si c'est le script ou le css qui déconne ???

Besoin de vos connaissances, merci !
Modifié par olimann (30 Aug 2013 - 14:23)