Unobtrusive Spry Accordions

Although we released a Whole Lot of documentation to support Spry 1.6.x along with the framework that illustrates how it can be used responsibly, I still get asked regularly whether Spry can really be used unobtrusively. The first thing developers usually notice when looking at Spry is the spry:* custom attributes sprinkled throughout the sample code, but there are certainly more elegant ways to inject those attributes at runtime above and beyond those brute force examples. If you have similar questions about how to use Spry, check out this example over at Greg Rewis’ blog, which uses the sweet Spry element selector to apply those Spry accordion panel attributes unobtrusively, resulting in a clean, validating markup structure that progressively enhances itself with JavaScript. Nice!