How to make expandable/collapsable text boxes in UIWebView?

Question

I want to display some text in UIWebView with boxes that can be expanded or collapsed. The box has the title in it, and when tapping the bar of the collapsed box, it expands. I guess there's already some cool solution for this that could be easily incorporated into an local UIWebView html file?

Answer 1

Almost all JavaScript UI frameworks support this out of the box. I prefer jQuery.

If you want to do this yourself, all you have to do is to put the content of the box in a block element (say, a div) and then toggle the display style between "" and "none":

el.style.display = (el.style.display != 'none' ? 'none' : '' );