[JQuery] probleme de slideToggle

**timboy11** · 05/07/2008, 16h52

j'ai utilisé le slideToggle pour afficher/cacher des images ça marche tres bien,
mais pour le le champ texte,je veux qu'il soit cacher par defaut comme c le cas pour les images,qu'il se montre pas que si je clique sur affichier.
merci à vous
voila mon code:
/*******************************/
<script type="text/javascript" src="jquery-1.2.6.js"> </script>

<script type="text/javascript">
$(document).ready(function(){
//fonction du clic sur le bouton entrez
$(".entrer").click(function(){
$("#bouge").slideToggle("slow");//"slow","normal","fast" ou durée en milisecondes
});
//fonction du clic sur les boutons voir
$(".voir").click(function(){
$(this).parent().next("<img>").slideToggle("slow");
});
});
</script>
/************************************/
<body>
<div id="bouge">
zone admin : <br /><br />

<br /><br />
<a href="#" class="entrer">Entrer</a>

</div>

<div id='sous'>
<div class='brique'>
<h1>effacer membre<a href="#" class="voir">afficher</a></h1>
<form name=form method=post action="sup membre.php">
entrez le login du membre à effacer<input type="text" name="login" >
</form>
</div>

<div class='brique'>
<h1>image 2 <a href="#" class="voir">afficher</a></h1>
<form name=form method=post action="sup membre.php">
entrez le login du membre à effacer<input type="text" name="login" >
</form>
</div>

<div class='brique'>
<h1>image 3 <a href="#" class="voir">Voir/Cacher</a></h1>
<img src='./sexy_jq00.jpg' alt='coquinou' title='coquinou'>
</div>
</div>
</body>

**Bovino** · 06/07/2008, 09h32

C'est pas très clair...
Déjà, pense à utiliser la balise code (bouton '#'), c'estmieux pour ceux qui lisent ton code

Ensuite, si j'ai bien compris, ce qui te gène, c'est le formulaire...
Si c'est ça, l'erreur vient de là :

Code :

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

$(this).parent().next("<img>").slideToggle("slow");

essaye plutôt avec :

Code :

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

$(this).parent().next().slideToggle("slow");

**timboy11** · 06/07/2008, 09h52

merci pour ton aide,
ça marche pas,regrade stp l'aperçu,quand j'ouvre la page je clique sur entrer,et il m'affiche la page dans l'aperçu,mait je veux que le champ texte soit caché aussi dés l'ouverture comme les 2 images en bas.
et pour la balise ,e sais pas comment faire,je suis nouveau,j'ai cherche mais r1

**Bovino** · 06/07/2008, 10h00

Si ça ne marche pas avec :

Code :

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

$(this).parent().next().slideToggle("slow");

c'est que le slide ne doit pas fonctionner avec un form, essaye donc de mettre ton formulaire dans une div :

Code :

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

1
2
3
4
<h1>effacer membre<a href="#" class="voir">afficher</a></h1>
<div><form name=form method=post action="sup membre.php">
entrez le login du membre à effacer<input type="text" name="login" >
</form></div>