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,