details.diff

diff --git a/src/components/github-htmlview.component.js b/src/components/github-htmlview.component.js
index 7d68ffb..2dc3eee 100644
--- a/src/components/github-htmlview.component.js
+++ b/src/components/github-htmlview.component.js
@@ -197,6 +197,8 @@ export class GithubHtmlView extends Component {
           /<span class="email-hidden-toggle"><a href="#">…<\/a><\/span>/g,
           ''
         )
+        .replace(/<\/summary>/g, '</summary><hidden>')
+        .replace(/<\/details>/g, '</hidden></details>')
         // Remove links & spans around images
         .replace(/<a[^>]+><img([^>]+)><\/a>/g, '<img$1>')
         .replace(/<span[^>]*><img([^>]+)><\/span>/g, '<img$1>')
@@ -243,7 +245,7 @@ export class GithubHtmlView extends Component {
           <View key={index}>{defaultRenderer(node.children, node)}</View>
         ),
         code: (node, index, siblings, parent, defaultRenderer) => {
-          if (parent.name === 'pre') {
+          if (parent && parent.name === 'pre') {
             return (
               <SyntaxHighlighter
                 key={index}
@@ -294,6 +296,32 @@ export class GithubHtmlView extends Component {
 
           return undefined;
         },
+        details: (node, index, siblings, parent, defaultRenderer) => {
+          const tags = onlyTagsChildren(node);
+
+          return (
+            <ToggleView
+              TouchableView={collapse => {
+                const prefix = collapse ? '▸' : '▾';
+
+                return [
+                  <Text style={{ textSize: 20 }}>{prefix}</Text>,
+                  defaultRenderer([tags[0]], node),
+                ];
+              }}
+              TouchableStyle={{
+                flexDirection: 'row',
+                justifyContent: 'flex-start',
+                alignItems: 'center',
+              }}
+            >
+              {defaultRenderer([tags[1]], node)}
+            </ToggleView>
+          );
+        },
+        summary: (node, index, siblings, parent, defaultRenderer) => {
+          return <View>{defaultRenderer(node.children, parent)}</View>;
+        },
         img: (node, index, siblings, parent, defaultRenderer) => {
           if (hasAncestor(node, ['ol', 'ul', 'span'])) {
             return (