- if (word.subs.length) {
- // delve into subcategory
- put(worditem, '.parent');
- this.add(put(worditem, 'ul'), word.subs);
- }
- if (this.preset.debug) {
- put(figitem, '[title=$]', `id ${ref} level ${word.level}`);
- }
+ put(worditem, '.parent.expand');
+
+ put(figitem, '[data-sup=$]', word.subs.length);
+ figitem.onclick = () => {
+ let expansion;
+ if (expansion = worditem.querySelector('ul')) {
+ put(expansion, '!');
+ put(worditem, '.expand');
+ return;
+ }
+ expansion = put(worditem, 'ul');
+ this.add(expansion, word.subs);
+ put(worditem, '!expand');
+ };
+ return;
+
+ // delve into subcategory
+ const expansion = put(worditem, 'ul');
+ //expansion.style.display = 'none';
+ this.add(expansion, word.subs);
+ //worditem.onclick = () => expansion.style.display = '';