Question

我能够隐藏按钮点击事件的文本框，以及如何在点击相同按钮时显示文本框？这意味着如果显示文本框，如果我单击它应该隐藏的按钮，如果文本框被隐藏，那么我点击它应该查看的按钮。我怎样才能做到这一点？以下是我的代码，

<body>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
  $(document).ready(function(){      
    $("input#btn").click(function(){
      $("input#txt").hide();
    });
});
</script>
</head>
<body>
<input type=text id=txt></input>
<input type=button id=btn value="Click Me"></input>
</body>

任何建议!!!

Answer 1

使用。相反，jQuery的.toggle()函数。将您的代码更改为：

$(document).ready(function(){      
    $("#btn").click(function () {
        $("#txt").toggle();
    });
});

<强> jsFiddle example

并且不需要在ID之前放置任何选择器，因为ID是唯一的，因此额外的选择器将是多余的。

Answer 2

而不是.hide()用户.toggle()。这将解决您的问题。链接到jquery api是 here

Answer 3

你也可以为它制作动画。

<script>
  $(document).ready(function(){      
    $("input#btn").click(function(){
      $("input#txt").slideToggle('slow',null);
    });
 });
</script>

Jquery中显示/隐藏文本框的问题？

3 个答案: