Utilisation de Jquery pour masquer/afficher la zone de texte si le bouton est cliqué

J'ai touche d'entrée , ce que je veux, c'est que si un utilisateur clique sur le bouton zone de texte doit apparaître.

Ci-dessous est le code qui ne fonctionne pas :

<input type="submit" value="Add Second Driver" id="driver" />
                    <input type="text" id="text" />

$("#driver").click(function() {

    $('#text').show();

  }
 });

Également la zone de texte ne doit pas être visible d'abord

InformationsquelleAutor Mr A | 2011-06-29
  1. 2

    essayez ceci:

    $(document).ready(function(){
    $("#driver").click(function(){
       $("#text").slideToggle("slow");
  });
});
    • Que faire Si je veux slidetoggle la supplémentaires de l'étiquette avec elle..
    • donnez à tous les deux dans un " div " et ne slidetoggle pour que 'div' au lieu de 'zone de texte'
    InformationsquelleAutor deepi
  2. 3

    Vous pouvez utiliser à la place de la bascule;

    $('#text').toggle();

    Sans paramètres, la .toggle() méthode permet de contrôler la visibilité des éléments

    InformationsquelleAutor Talha Ahmed Khan
  3. 2

    Voici un exemple d'utilisation de la bascule:

    http://jsfiddle.net/x5qYz/

    InformationsquelleAutor adamwtiko
  4. 1
    <input type="submit" value="Add Second Driver" id="driver" />
<input type="text" id="text" style="display:none;" />

$("#driver").click(function() {
    $('#text').css('display', 'block');
});
    InformationsquelleAutor Gjorgji Tashkovski
  5. 1
    $(function()
{

    //Initially hide the text box
    $("#text").hide();

    $("#driver").click(function()
    {

         $("#text").toggle();
         return false; //We don't want to submit anything here!

    });

});
    InformationsquelleAutor Alex
  6. 1

    Essayez ceci:

    <script type="text/javascript">
jQuery(function ($) {
    $('#driver').click(function (event) {
        event.preventDefault(); //prevent the form from submitting
        $('#text').show();
    });
});
</script>
<input type="submit" value="Add Second Driver" id="driver" />
<input type="text" id="text" />
    • puis-je afficher la zone de texte d'étiquette et dans un mouvement lent .. et ouai, je ne veux pas le formulaire, afin de présenter .
    • Oui. Il suffit de changer le .show() à .show('slow'). Au lieu de la valeur par défaut show effet, vous pouvez utiliser fadeIn ou slideDown.
    InformationsquelleAutor Nathan MacInnes
  7. 1

    La zone de texte masqué lorsque la page se charge d'abord comme ce

    Code:

    $(document).ready(function () {
$('#text').hidden();
 });

    Alors votre devrait fonctionner de la façon dont vous le souhaitez.

    InformationsquelleAutor Pronay Sharma