Show properties which accept the current object

[Mouvedia]

HTML

<details>
<summary unselectable="on" title="List of the properties which accept %object as a value">Accepted on</summary>
<ul>
<li>property of @object</li>
<li>property of @object</li>
<li>property of @object</li>
<li>property of @object</li>
</ul>
</details>
<details open="open">
<summary  unselectable="on">Object list</summary>
    <ul class="obj_list">[…]</ul>
</details>

%object is a variable.

Concerning the list items you have 2 options:

• <li><a>property of @object</a></li>
• <li><a>property</a> of <a>@object</a></li>

CSS

summary {
outline: none;
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 16px;
}
summary::-webkit-details-marker {
font-size: 80%;
vertical-align: 10%;
}

Consequences

The expand all and collapse all links either need to be removed altogether or put after the obj_list unordered list (under the second details tag).