Formulaire de contact Slide-In

**Petit Rasta** · 06/09/2011, 09h08

Bonjour à tous,

J'ai lu et mis en place le formulaire de contact Slide-In proposé par Janko Jovanovic sur cette page : http://designshack.developpez.com/tu...tact-slide-in/
Dans mon cas le lien se trouve en bas de page. Lors de l'ouverture du formulaire, la taille de celui-ci est plus importante que ma div contenu ce qui fait qu'il dépasse et rend l'affichage pas terrible.
J'ai cherché sur le net pour l'ouvrir de bas en haut et non de haut en bas mais je n'ai pas trouvé comment faire ...
Auriez-vous des conseils ?
Merci par avance !

**SpaceFrog** · 06/09/2011, 10h11

Code :

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

1
2
3
4
5
6
7
8
9
$(”#contactLink”).click(function(){
                    if ($(”#contactForm”).is(”:hidden”)){
                        $(”#contactForm”).slideDown(”slow”);
                    }
                    else{
                        $(”#contactForm”).slideUp(”slow”);
                    }
                });
            });

up = vers le haut
down= vers le bas ...
suffit de les inverser !

**Petit Rasta** · 06/09/2011, 10h24

J'ai bien entendu essayé avant de poster.
En faisant l'inverse, rien ne se passe...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$c(document).ready(  function()
                    {
                        $c('#contactLink').click(function()
                                                {
                                                    if ($c('#contactForm').is(':hidden'))
                                                    {
                                                        $c('#contactForm').slideUp('slow');
                                                    }
                                                    else
                                                    {
                                                        $c('#contactForm').slideDown('slow');
                                                    }
                                                });
                    });