これは間違いなく私の頭の中にありますが、私は尋ねなければなりませんでした. 私が本当にやりたいことは、テキストを非表示にして開始し、[表示] ボタンだけを表示し、それをクリックしてテキストを表示することです。これは、誰かがフランス語のフレーズを聞いて、聞いたと思うことをフォームのテキスト フィールドに書き込み、[表示] ボタンをクリックして、それが正しいかどうかを確認する、フランス語の Dictée サイト用です。P タグを表示非表示に変更してみましたが、[表示] ボタンをクリックしても表示されません。
トグルで検索しましたが、どれも私のものに合わないようでした。
これはあなたのサイトを検索した唯一の答えですが、テキストを非表示にしてから、[表示] ボタンをクリックして表示することはできません。
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<p>If you click on the "Hide" button, I will disappear.</p>
<button id="hide">Hide</button>
<button id="show">Show</button>
</body>
</html>
助けてくれてありがとう。
バリー
わかりました、はい、私はそれを見ましたが、それでもページ上の P タグはdisplay:none
. 私が欲しいのは、ボタンをクリックすることで個々のパッセージを表示できるようにすることです。これらの非表示および表示ボタンは、すべての段落を開きます。
たとえば、私のサイトでは、
http://techno-french.com/learning-french-online-free/learn-french-with-mouse-trap-dictee
フランス語と英語の 2 つのパッセージがあります。英語を隠したままフランス語を表示したり、逆にフランス語を隠したまま英語を表示したりできるようにしたいと考えています。可能?いいえ?はい?
いつものように、助けてくれてありがとう。
バリー