Just recently I've added a spoiler tags to my blogging engine as I write a lot about books and movies that I've been reading.

I've been using the :hover tag for this, similar to the ones found on the IMDb FAQ system (example here).

This works fine for desktops, however want for my blog to have support for at least hand held devices. As my hand held (and many others) don't use a mouse, the :hover property is useless. I also do not wish to spoil my viewers, so removing it from these devices is something that I don't wish to do.

Can anybody recommend me on what I should do? From the looks of things, it looks like I'll need to use JavaScript for an onclick event.

I'm not sure JavaScript is going to work any better. I think mobile devices have less support for JavaScript than they do css.

Do you mind if I ask why you are using those spoiler things. Is it to temporarily hide the answer to the question until someone thinks about it?

I can't speak for everyone, but I find them annoying. I'd be more likely to leave your site than mouse over to view the text. It might just be me though.

Why not just have the answer on a different page and let people click and click back to navigate? It's easy and will work on any device.

^^^^^^^^^^^^^^^
Sounds like a logical
and acceptable solution