##""%%(details title="summary" open=1)%%""##
%%(html)
<details open>
<summary>System Requirements</summary>
<p>Requires a computer running an operating system. The computer
must have some memory and ideally some kind of long-term storage.
An input device as well as some form of output device is
recommended.</p>
</details>
%%
((source:master/src/formatter/highlight/details.php formatter/highlight/details.php))
%%(php)
<?php
/*
% %(details
[title="Title"]
[open=0|1]
)
content
% %
*/
if (!isset($options['title'])) $options['title'] = null;
if (!isset($options['open'])) $options['open'] = 0;
$title = $options['title'] ?? $this->_t('ShowHideDetails');
$open = $options['open'] ? ' open' : '';
echo '<ignore><details' . $open . '>' . "\n";
echo ($title
? '<summary>' . Ut::html($title) . '</summary>' . "\n"
: '');
include Ut::join_path(FORMATTER_DIR, 'wiki.php');
echo "</details></ignore>\n";
%%
%%(details title="Summary" open=1 wrapper="shade" wrapper_type="note" )The **HTML Details Element** (##<details>##) creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state. A summary or label can be provided using the ##<summary>## element.
---"" ""---
A disclosure widget is typically presented onscreen using a small triangle which rotates (or twists) to indicate open/closed status, with a label next to the triangle. If the first child of the ##<details>## element is a ##<summary>##, the contents of the ##<summary>## element are used as the label for the disclosure widget.
%%
Remarks
* The Formatter does not support nesting. A formatter cannot invoke another formatter by design.
* formatter + wrapper
* it can be done via inline HTML, but this is rather inconvenient because you can't nest wiki syntax in between the ##<details>## tags, the HTML SAX parser would close your ##<details>## tag with ##</details>## in advance
Links
* ((http://html5doctor.com/the-details-and-summary-elements/ The details and summary elements))
* ((https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details <details>: The Details disclosure element))
* https://html.spec.whatwg.org/#the-details-element
* https://caniuse.com/#feat=details