Mon fadeOut ne fonctionne pas

**Walterbelo** · 21/09/2018, 11h56

Bonjour à toutes et à tous,
Dans le code qui suit, le fadeOut ne fonctionne pas.
J'aurais certainement honte quand on m'apportera la correction.
Merci de votre aide

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
 
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$( "#bt" ).click(function() {
//alert("Clic");
$("#courant").fadeOut(2000);
alert("Après fadeOut");
 
})
})
</script>
</head>
<body>
 
<button name="bt" id="bt">Click</button>
<br>
<div id="courant">
Je devrais disparaître lentement
</div>
</body>

**Watilin** · 21/09/2018, 12h13

Vois-tu le alert ?
As-tu un message d’erreur dans la console F12 ?
Peux-tu décrire précisément ce qui se passe quand tu cliques sur le bouton ?

**Walterbelo** · 21/09/2018, 19h26

Merci Watilin de ton aide,
La console est vide.
Quand je clic sur le bouton, l'alert "Après fadeOut" s'affiche AVANT que le texte "Je devrais disparaître" ne disparaisse immédiatement.
Tant que je n'ai pas validé l'alert, le texte reste apparent.
Et si je supprime l'alert, alors le texte disparaît lentement.
Étonnant non ?
Je test avec Chrome Version 69.0.3497.100 (Build officiel) (64 bits)