A technique for creating accessible popups using simple semantic HTML and unobtrusive jQuery code. Advantages Popup content is still accessible when JavaScript is disabled. Popup content is separate from main HTML document which makes adding new popups and linking from multiple pages simple. Easy to use. Doesn’t rely on special classes, IDs or inline JavaScript [...]

Using jQuery together with the new HTML5 data attribute and a bit of CSS you can create nice expandable / collapsible content items. This is useful for things such as lists of FAQ questions and answers in order to save space. HTML Structure: <div class="toggle-unit"> <h2 class="toggle-control" data-text="What is the answer?" data-expanded-text="You've found it!">What is [...]