単一のボタンを使ってテキストを表示/非表示にする

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

だけtext` `に`＃ `を追加jqueryので

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

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

Answer 2

あなたがIDを選択しているので、$('text')は$('#text')

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

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

Answer 3

する必要がありますあなたはtext属性の#記号を逃しています。

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