<xmod:ToggleLink>

<xmod:ToggleLink> renders a hyperlink that toggles the visibility of the element matched by Target — same behavior as <xmod:ToggleButton>, just rendered as a link rather than a push-button.

Requires jQuery

The hosting page must include jQuery.

Sibling variants

• <xmod:ToggleButton> — push-button
• <xmod:ToggleImage> — clickable image

Example

<xmod:Template Id="Employees">
  <ListDataSource CommandText="SELECT EmployeeId, FirstName, LastName, Evaluation FROM Employees" />
  <ItemTemplate>
    <strong>[[FirstName]] [[LastName]]</strong>
    <xmod:ToggleLink Text="View Evaluation"
        Target='[[Join("#divEvaluation_{0}",[[EmployeeId]])]]' Speed="Fast" />
    <div id="divEvaluation_[[EmployeeId]]" style="display:none;">
      <p>[[Evaluation]]</p>
    </div>
  </ItemTemplate>
</xmod:Template>

Properties

Property	Values	Default	Description
Target *	jQuery selector		The element to show/hide
Text	string		Caption displayed on the link
Speed	Slow Normal Fast | integer (ms)	(instant)	Transition speed. Omit for an instant toggle
CssClass	string		CSS class name(s)
Style	string		Inline CSS
ToolTip	string		Hover tooltip
Visible	True False	True	Shows or hides the link

* Required property

Deprecated Properties (styling)

BackColor, BorderColor, BorderStyle, BorderWidth, Font-*, ForeColor — use CssClass or Style instead.

See <xmod:ToggleButton> for full property details and the inline-element caveat with Speed.