diff --git a/scripts/generate.py b/scripts/generate.py
index a6d0c3b..ef08ee1 100644
--- a/scripts/generate.py
+++ b/scripts/generate.py
@@ -755,7 +755,7 @@ def render(headline, doc, graph, headlineLevel):
     title = render_inline(headline.title, render_tag, headline, graph)
 
     if headlineLevel > 0:
-        title = f"<a href=\"javascript:toggle_expand('{html.escape(headline.id)}')\">{title}</a>"
+        title = f"<a href=\"#{html.escape(headline.id)}\">{title}</a>"
 
     return f"""
 <div id="{html.escape(headline.id)}" class="node {todo_state} {display_state}">
@@ -792,20 +792,6 @@ def as_document(html, title, global_toc):
     <meta name="HandheldFriendly" content="True">
     <meta name="MobileOptimized" content="320">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-
-    <script type="text/javascript">
-      function toggle_expand(header_id) {{
-        var e = document.getElementById(header_id);
-        if (e.classList.contains('expanded')) {{
-          e.classList.add('collapsed');
-          e.classList.remove('expanded');
-        }}
-        else {{
-          e.classList.add('expanded');
-          e.classList.remove('collapsed');
-        }}
-      }}
-    </script>
   </head>
   <body>
     <nav>
diff --git a/static/style.css b/static/style.css
index 6517ce2..28750b1 100644
--- a/static/style.css
+++ b/static/style.css
@@ -247,15 +247,10 @@ img {
     border-color: transparent;
 }
 
-.node .node.collapsed > .title::before {
-    content: "›";
-    vertical-align: text-bottom;
-}
-
-.node .node.expanded > .title::before {
-    content: "›";
-    transform: rotate(90deg);
+.node .node > .title::before {
+    content: "#";
     display: inline-block;
+    color: #888;
 }
 
 .node .title {
@@ -488,6 +483,9 @@ tr.__table-separator {
         border-color: #8c9ea0;
     }
 
+    .node .node > .title::before {
+        color: #aaa;
+    }
 
     h2 a {
         color: #fafafe;
