Fonction Javascript pour slideup / slidedown multiples

Marsh Posté le 07-09-2010 à 18:40:18

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

Reply

Marsh Posté le 07-09-2010 à 18:40:18

Reply

Marsh Posté le 07-09-2010 à 23:54:33

En virant ton script et en faisant juste :

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

Ca te va pas ?

Reply

Marsh Posté le 08-09-2010 à 08:00:44

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 ...

Reply

Marsh Posté le 08-09-2010 à 09:54:09

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 ?

Reply

Marsh Posté le 08-09-2010 à 10:15:41

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>

Reply

Fonction Javascript pour slideup / slidedown multiples

Sujets relatifs:

Leave a Replay