如果點擊按鈕，使用jquery隱藏/取消隱藏文本框

Question

我有輸入按鈕，我想要的是如果用戶點擊按鈕，然後文本框應該出現。

下面是一個不正常的代碼：

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

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

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

    } 
}); 

而且文本框應該是不可見最初

Answer 1

試試這個：

$(document).ready(function(){ 
    $("#driver").click(function(){ 
     $("#text").slideToggle("slow"); 
    }); 
}); 

Answer 2

您可以切換改用;

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

不帶參數的.toggle()方法簡單地切換元素

Answer 3

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

$("#driver").click(function() { 
    $('#text').css('display', 'block'); 
}); 

Answer 4

$(function() 
{ 

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

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

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

    }); 

}); 

Answer 5

這裏的知名度是一個使用撥動一個例子：

http://jsfiddle.net/x5qYz/

Answer 6

使隱藏在頁面加載時開始喜歡這個

代碼文本框：

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

那麼你應該工作，你想要的方式。

Answer 7

試試這個：

<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" />