Bonjour à vous,
je voudrais vous faire part d'un problème qui m'agace beaucoup.
Je voudrais faire une animation d'enroulement ou de déroulement après avoir cliqué sur un des boutons de mon menu, grâce aux méthodes click() et effect().
Seul problème c'est que ma console de débogage m'indique l'erreur suivante quand je clique:

Uncaught TypeError: undefined is not a function app.js:30

Voici mon code contenu dans mon fichier JS/jQuery:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
function loading(){
  document.getElementById('chargement').style.display='none';
  document.getElementById('site').style.visibility='visible';
}
 
jQuery().ready(function(){
 
	// On cache la zone de texte
   	jQuery('.conteneur').hide();  // Zone "conteneur" caché au démarrage
   	jQuery('.conteneur2').hide(); // Zone "conteneur2" caché au démarrage
        jQuery('.conteneur3').hide(); // Zone "conteneur3" caché au démarrage
   	jQuery('.menu').hide();       // Zone "menu" caché au démarrage
 
   	var boolean_cv = false;			  // Etat du conteneur CV qui est fermé de base
   	var boolean_projet = false;		// Etat du conteneur Projets qui est fermé de base
   	var boolean_open = true;		  // Etat du contenu qui est fermé de base
 
   	// toggle() lorsque le lien avec la classe .flaticon-arrow128 est cliqué
   	jQuery('.flaticon-arrow128').click(function()
  	{
  		jQuery('.menu').slideToggle(1000); // Animation toggle du menu
    	        jQuery('.conteneur').slideToggle(2000); // Animation toggle du contenu
    	        boolean_open = false;
          	return false;
   	});
 
   	$('.menu_cv').click(function()
  	{
  		if(boolean_open == false){ // Si le menu est déroulé
	  		$(".conteneur").effect("drop", {mode:"show"}, 1000);  // Animation de déroulement de conteneur
                        $(".conteneur2").effect("drop", {mode:"hide"}, 1000); // Animation d'enroulement de conteneur
                        /*$(".conteneur").show("drop", {direction:"up"}, 1000);
	  		$(".conteneur2").hide("drop", {direction:"up"}, 1000);*/
  		}
   	});
 
   	$('.menu_projet').click(function()
  	{
  		if(boolean_open == false){ // Si le menu est déroulé
	  		$(".conteneur2").effect("drop", {mode:"show"}, 1000); // Animation de déroulement de conteneur2
	  		$(".conteneur").effect("drop", {mode:"hide"}, 1000);  // Animation d'enroulement de conteneur
                        /*$(".conteneur").hide("drop", {direction:"up"}, 1000);
                        $(".conteneur2").show("drop", {direction:"up"}, 1000);*/
	  	}
   	});
});
Pourriez-vous m'aider? Merci de votre compréhension.
PS: N'utilisez pas de termes trop technique, je débute en JavaScript et jQuery.