Question

我不知道这是否会重复，但我尝试过多个脚本（不只是在jQuery中，而且在Javascript中）尝试完成工作。这是HTML：

<p id="text">
  I will disappear!
</p>
<button id="togglebutton">
  Go!
</button>

和jQuery：

$('#togglebutton').click(function() {
    $('text').toggle('slow');
});

Click me to try the Fiddle

我希望你能找到解决方案。谢谢：D

Answer 1

使用#test代替test在jquery中选择id属性

＆＃13;

 $('#togglebutton').click(function() {
    	$('#text').toggle('slow');
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



<p id="text">
  I will disappear!
</p>
<button id="togglebutton">
  Go!
</button>

＆＃13;

Answer 2

由于您选择了ID，$('text')应为$('#text')

＆＃13;

$('#togglebutton').click(function() {
  $('#text').toggle('slow');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p id="text">
  I will disappear!
</p>
<button id="togglebutton">
  Go!
</button>

＆＃13;

Answer 3

您错过了#属性的text符号。

$('#togglebutton').click(function() {
    $('#text').toggle('slow');
});

使用单个按钮显示和隐藏文本

3 个答案: