我正在尝试制作一个抽认卡系统。我问了一个问题,当点击问题时,它应该显示答案并隐藏问题。我现在使用这个代码: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