Discussion :

[yann18]

Bonjour/ bonsoir,

Simplement en cliquant sur un lien, j'essaye d'animer une div dans une table qui doit se révéler et/ ou se rétracter. Pour établir le lien, 'a' et 'div' ont le même id
La structure HTML:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<td><a href="#test">reveal</a></td>
                </tr>
                <tr><td colspan="3"><div id="test">
                            <p>test</p>
                        </div></td>
                </tr>
                ...
                    <td><a href="#test1">reveal</a></td>
                </tr>
                <tr>
                    <td colspan="3"><div id="test1">
                            <p>test</p>
                        </div></td>

Le java-script:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
$('div').hide().css({height:0});
                $('a').click(function(){
                    var $div = $(this).attr('href');
                    if($div.is(':visible')){
                        $div.animate({height:0}, {duration:1000, complete:function(){
                                $div.hide();
                            }
                        });
                    } else{
                        $div.show().animate({height : '32px'}, {duration : 1000});
                    }
                    return false;
                });

Mais je me retrouve avec une erreur dans la console me disant que '$div' n'est pas une fonction. Je ne comprends...
merci,

[okoweb]

Code :

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

1
2
 
$('div').hide().css({height:0});

Je ne trouve pas l'utilité des 2 méthodes. Elles se vallent. Double emploi. Ce n'est pas la résolution au problème mais faut déjà corrigé cela.

[SpaceFrog]

toggleSlide() ?

[Invité]

salut,

en complément : non c'est pas bien d'avoir deux id identiques. mets plutot une classe ou quelque chose dans le genre.

Quant à ton probleme

Code :

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

1
2
var $div = $(this).attr('href');
                    if($div.is(':visible')){

attr('href') te renvoit le la chaine de caractère que vaut l'attribut href, donc '#test1'.
et effectivement '#test1' nest pas une fonction.

[okoweb]

non c'est pas bien d'avoir deux id identiques

Où sont les id identiques? ce n'est que normal pour les ancres.

Code :

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

1
2
3
4
5
 
$('a').click(){
    //Attraper le div correspondant
    $(this.hash). //suite du code
}

[Invité]

Où sont les id identiques? ce n'est que normal pour les ancres.

hum oui, mauvaise lecture de lhtml.