Discussion :

[a.brioit]

Bonjour à tous,
je me permet de demander votre aide car je ne suis pas connaisseur de jquery et je doit absolument changer un effet de slideup en fadein et slideon en fadeout.

Avez vous une idée s'il vous plait ?

Voici mon javascript

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
 
 
$(document).ready(function() {	
 
 
  //Get all the LI from the #tabMenu_deuxieme UL
  $('#tabMenu_deuxieme > li').hover(function(){
 
    //remove the selected class from all LI    
    $('#tabMenu_deuxieme > li').removeClass('selected');
 
    //Reassign the LI
    $(this).addClass('selected');
 
    //Hide all the DIV in .boxBody_deuxieme
    $('.boxBody_deuxieme div').slideUp('1500');
 
    //Look for the right DIV in boxBody_deuxieme according to the Navigation UL index, therefore, the arrangement is very important.
    $('.boxBody_deuxieme div:eq(' + $('#tabMenu_deuxieme > li').index(this) + ')').slideDown('1500');
 
  }).mouseover(function() {
 
    //Add and remove class, Personally I dont think this is the right way to do it, anyone please suggest    
    $(this).addClass('mouseover');
    $(this).removeClass('mouseout');   
 
  }).mouseout(function() {
 
    //Add and remove class
    $(this).addClass('mouseout');
    $(this).removeClass('mouseover');    
 
  });
 
 
 
});

Grand merci pour votre aide.

[danielhagnoul]

Remplacer

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.slideUp(1500);

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.fadeOut(1500);

Remplacer

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.slideDown(1500);

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.fadeIn(1500);

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
/*
 * Votre code est très étrange !
 * Un hover est l'équivalent d'un mouseover/mouseout ou
 * d'un mouseenter/mouseleave suivant la version de
 * jQuery utilisée.
 *
 * La structure normale d'un hover doit comporter deux fonctions
 */
$('#tabMenu_deuxieme > li').hover(
	function(){
		// la partie mouseover (avant jQuery 1.4.2) ou mouseenter (avec jQuery 1.4.2)
	},
	function(){
		// la partie mouseout (avant jQuery 1.4.2) ou mouseleave (avec jQuery 1.4.2)
	}
);