Refine read more feature

js/ds.js

@@ -379,17 +379,36 @@ DataSpace.attachReadMore = function (cssClass, maxWords = 100)
             const more = document.createElement('span');
             more.textContent = 'Read more';
             more.className = 'text-primary c-hand';
-            more.onclick = function () {
-                this.parentElement.textContent = text;
-            }
 
-            contentElement.textContent = text.split(' ').splice(0,  maxWords).reduce(
+            contentElement.textContent = text.split(' ')
-                (p, v) => `${p} ${v}`
+                .splice(0,  maxWords)
-            );
+                .reduce((p, v) => `${p} ${v}`);
 
             contentElement.textContent += '... ';
-
             contentElement.appendChild(more);
+            // Store innerHTML for less...
+            const nodes = [];
+            for (const node of contentElement.childNodes) {
+                nodes.push(node);
+            }
+            
+            // TODO change this element, don't create a new one
+            more.onclick = function () {
+                const less = document.createElement('span');
+                less.textContent = 'Less';
+                less.className = 'text-primary c-hand';
+
+                // Hacky...
+                less.onclick = function () {
+                    contentElement.innerHTML = '';
+                    for (const node of nodes) {
+                        contentElement.appendChild(node);
+                    }
+                }
+
+                contentElement.textContent = text + ' ';
+                contentElement.appendChild(less);
+            }
         }
     }
 }