widget:summary

Purpose

Defines the visible title, label or thumbnail for content that is initially hidden. Clicking on the element content makes the widget:detail visible.

Note:

The pseudo-class selector setting of :mcs-unfolded {display: none} on the summary element will hide it when the widget is in the unfolded state.

Contained by

Contains

Attribute groups

Example

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/2002/06/xhtml2"
  xmlns:widget="http://www.volantis.com/xmlns/2006/05/widget">
  <head>
    <title>widget:folding-item</title>
  </head>
  <body>
    <widget:folding-item>
      <widget:summary>List of cities</widget:summary>
      <widget:detail>
        <ul>
          <li><a href="http://www.ankara-bel.gov.tr">Ankara</a></li>
          <li><a href="http://www.berlin.de">Berlin</a></li>
          <li><a href="http://www.budapest.hu">Budapest</a></li>
          <li><a href="http://www.krakow.pl">Cracow</a></li>
        </ul>
      </widget:detail>
    </widget:folding-item>
  </body>
</html>

Related topics