Fonction Javascript pour slideup / slidedown multiples

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Fonction Javascript pour slideup / slidedown multiples

aspirateur

Bonjour;

Ca fait un moment que je galère avec Jquery. Je précise que je débute en javascript :sweat:

J'ai une page avec des div (div1, div2, div3 ..) j'aimerai que quand je clique sur 'lien1' ca affiche div1 avec l'effet slidedown, idem pour lien2 ->div2 ...

En fouillant un peu j'ai trouvé un script que j'ai mis dans mon headça :

Code :

<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
function afficher(divCible){
if($("#"+divCible).style.display == 'none') {
$("#"+divCible).slideDown(1000);
}
else {
$("#"+divCible).slideUp(1000);
}
}
</script>

Ensuite je l'appelle avec

Code :

<a href="#" onclick="afficher(div1);">test</a>

Ca ne fonctionne pas. Mes div sont bien en display:none;

Pourquoi ca ne marche pas ? Merci de votre aide

Message édité par aspirateur le 07-09-2010 à 18:43:03

Publicité

Alisteroid

En virant ton script et en faisant juste :

<a href="#" onclick="$('#tondiv').toggle('slow')">test</a>

Ca te va pas ?

aspirateur

Non, car je vais devoir en générer par la suite de façon dynamique ...

J'ai vraiment du mal avec JS, j'ai passé plusieurs heures sur le web à chercher une solution mais je ne comprends pas ...

aspirateur

J'avance un peu, en fait la variable doit avoir la premiere lettre en majuscule

Code :

<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
function afficher(DivCible){
if($("#"+DivCible).style.display == 'none') {
$("#"+DivCible).slideDown(1000);
}
else {
$("#"+DivCible).slideUp(1000);
}
}
</script>

Par contre le if ne fonctionne pas.

Une idée ?

aspirateur

Voilà la réponse pour ceux qui pourraient être intéressés:

Code :

<script language="Javascript">
function afficher(Div){
Var=document.getElementById(Div).style.display;
if (Var == "none" ){
$("#"+Div).slideDown(1000);
}
else {
$("#"+Div).slideUp(1000);
}
}
</script>

FORUM HardWare.fr

Programmation

HTML/CSS

Fonction Javascript pour slideup / slidedown multiples

Sujets relatifs
Fonction de débug	Récupérer une valeur retournée par une fonction appellée par un event
problème avec la fonction vlookup	un programme en python appelle une fonction C .. ?
[RESOLU] Fonction dans une fonction - Décompte	framework javascript pour un web service SOAP ?
fonction mailto en php	jquery : stopper une fonction au lancement d'une autre
Version FR ou UK du blog en fonction de la langue du navigateur	[HTML/CSS/Javascript] Formulaire à remplir
Plus de sujets relatifs à : Fonction Javascript pour slideup / slidedown multiples

Page générée en 0.044 secondes