I find the HTML5 DETAILS element very interesting because it helps me build a toggle to show and hide content on my web pages without needing a script. While you can argue that the script itself isn’t all that complicated, the reality is that using an element to do the same thing is much easier. In fact, with the DETAILS and SUMMARY elements, you can do the same thing as several lines of JavaScript, CSS, and HTML classes with just two HTML5 elements. Unfortunately, it’s only supported in Chrome 12+ right now, but once it’s got more support, I’m definitely jumping on that bandwagon!

Read the full article: The HTML5 DETAILS and SUMMARY Elements

More About DETAILS and SUMMARY

• The SUMMARY Element
• The DETAILS Element
• DETAILS and SUMMARY Element Examples

Toggle Displays are Scriptless in HTML5 originally appeared on About.com Web Design / HTML on Monday, November 14th, 2011 at 16:04:19.

Permalink | Comment | Email this