final version for testing

layouts/partials/header/header-option-nested.html

@@ -1,8 +1,45 @@
-<div class="relative">
+<div>
+  <div class="cursor-pointer flex items-center nested-menu">
+    {{ if .Pre }}
+    <span {{ if and .Pre .Name}} style="margin-right:3px;" {{ end }}>
+      {{ partial "icon.html" .Pre }}
+    </span>
+    {{ end }}
+    <a class="text-base font-medium text-gray-500 hover:text-gray-900" title="{{ .Title }}">
+      {{ .Name | markdownify | emojify }}
+    </a>
+    <span>
+      {{ partial "icon.html" "chevron-down" }}
+    </span>
+  </div>
+  <div class="absolute menuhide">
+    <div class="pt-2 p-5 mt-2 rounded-xl backdrop-blur shadow-2xl">
+      <div class="flex flex-col space-y-3">
+        {{ range .Children }}
+        <a href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:" ) }}
+          target="_blank" {{ end }} class="flex items-center">
+          {{ if .Pre }}
+          <span {{ if and .Pre .Name}} style="margin-right:3px;" {{ end }}>
+            {{ partial "icon.html" .Pre }}
+          </span>
+          {{ end }}
+          <p class="text-sm font-sm text-gray-500 hover:text-gray-900" title="{{ .Title }}">
+            {{ .Name | markdownify | emojify }}
+          </p>
+        </a>
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</div>
+
+
+
+<!--div class="relative">
   <button
     type="button"
     class="header-toggle-nested-menu-button text-base hover:text-primary-600 dark:hover:text-primary-400"
-    aria-expanded="false"
+    aria-expanded="true"
     onclick="header_toggle_nested_menu(this)"
   >
     <div class="hidden md:flex items-center">
@@ -29,4 +66,4 @@
       </div>
     </div>
   </div>
-</div>
+</div-->