Is there any way to hide/unhide text with pure CSS without Javascript, JQuery etc.?
I’d like to mimic a flashcard app in an Kindle ebook (which is basically just a number of webpages). I.e. each HTML page should contain an answer on a hidden layer under the question text and be revealed when user clicks a link that links to the same HTML page.
The problems is that I cannot use mouse gestures to display text, because the Kindle doesn’t have one and all CSS properties that cause popup text to be displayed (e.g. mouseover) won’t work. (Kindles are webkit based ereaders that support CSS2.1 and some selected non-interactive HTML5/CSS3 elements.)
What I can do is position text using coordinates (most Kindles have a 600×800 pixel screen). But I cannot figure out how to overlap text and display text on a different layer.
Any ideas?