如果单击按钮，则使用Jquery隐藏/取消隐藏文本框

我有输入按钮，我想要的是如果用户点击按钮然后应该出现文本框。

以下是无效的代码：

  $("#driver").click(function() { $('#text').show(); } }); 

最初也不应该看到文本框

Answer 1

试试这个：

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

Answer 2

你可以改用切换;

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

如果没有参数， .toggle()方法只是切换元素的可见性

Answer 3

以下是使用切换的示例：

http://jsfiddle.net/x5qYz/

Answer 4

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

Answer 5

 $(function() { // Initially hide the text box $("#text").hide(); $("#driver").click(function() { $("#text").toggle(); return false; // We don't want to submit anything here! }); }); 

Answer 6

试试这个：

Answer 7

最初像这样加载页面时隐藏文本框

码：

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

然后你应该按照你想要的方式工作。