フラッシュカードシステムを作ろうとしています。質問をして、質問をクリックすると、回答が表示され、質問が非表示になります。私は今、このコードを使用しています: jsFiddle
<p id="shown">What is stackoverflow?</p>
<script>
$("#shown").click(function () {
$(this).replaceWith("<p>A language-independent collaboratively edited question and answer site for programmers.</p>" );
});
</script>
これはうまくいきますが、これを読んだ後. cssだけでこれを行うことができるかもしれないと思いました。試してみましたが、失敗しました。
また、その他の機能を追加したいと考えています。回答をクリックすると、質問が再び表示され、回答が非表示になります。
css でこれが不可能な場合は、jquery で自分で修正できます。私は質問にのみ興味があります:cssのみを使用してこれが可能かどうか/どのように可能か