Spry User Guide - Support - Adobe

Usingthistechnique,theCSSrulehidestheSpryregionsmarkedwiththisclasswhenthepageloads.WhentheSpry
data is finished processing, Spry strips off the SpryHiddenRegion class and the finished Spry content appears.
An alternative way to hide just the data references, as opposed to the whole tag, is to use the spry:content attribute
as a substitute for a data reference. Because the data reference is the value of the spry:content attribute, it is not
visible when the page loads.
The following example hides a data reference with a spry:content attribute on an element:
Hello my name is {firstname}.
Hello my name is .
The spry:content attribute replaces the entire contents of the div tag with the value of the attribute. In this case,
thethevalueof{firstname} is inserted into the empty span tag.Theresultisthesame,onlyinthiscasethereisno
visible data reference.
Behavior attributes
You can place behavior attributes on elements within a dynamic region to automatically enable common behaviors
that would ordinarily require some manual programming.
spry:hover
The spry:hover attribute places a class name on an element whenever the mouse cursor enters the element, and
removes that class name as the cursor exits the element.
The value for the spry:hover attribute is the name of the class to put on the element whenever the mouse enters or
exits the element.
SPRY
User Guide
137