2010-12-03 14 views
1

Existe-t-il un plugin JQuery qui me permette d'afficher un formulaire après avoir cliqué sur un lien? Comme j'ai un lien d'invitation qui peut m'amener à un formulaire de champ de texte pour une adresse de courrier électronique mais je veux que ce formulaire descende juste (poussant le reste du contenu aussi) et montre le formulaire pour soumettre l'email. Si les gars vous pouvez penser à un plugin JQuery qui me permet de ce faire, s'il vous plaît laissez-moi savoirJQuery for Push-down formulaire

Edit: Alors je l'ai fait

<div class='add-link'> 
     <div id='invite_link'><a href=''>Invite User</a></div> 
     <div id='invitation_form'> 
      <form> 
       <input type='text'/> 
      </form> 
     </div> 
    </div> 

et mon jquery ressemble

<script type="text/javascript"> 
$(function() 
    { 
     $("table").tablesorter({sortList:[[0,0],[2,1]], widgets: ['zebra']}); 
       $('#invitation_form').hide(); 
    } 
); 

$('#invite_link').click(function() { 
    $('#invitation_form').slideDown(); 
}); 

Est-ce que vous voyez des erreurs qui empêchent le formulaire de glisser vers le bas? Il masque le formulaire lorsque la page se charge mais lorsque je clique sur le lien, il ne glisse pas.

Répondre

2
$('a.mylink').click(function() { 
    $('#MyForm').slideDown(); 
}); 
+1

Cela ne devrait-il pas être 'slideDown()'? – alex

+0

comme vous le souhaitez @alex – Ish

1

Je ne pense pas que vous ayez besoin d'un plugin jQuery pour cela. La bibliothèque de base jQuery devrait être suffisante.

$('#showFormLink').click(function() { 
    $('#form').slideDown(); 
}); 

Si vous recherchez une animation, cela est également possible en transmettant un argument de durée à slideDown.

Jetez un oeil à la jQuery show documentation.