Large Heydon Collider on Nostr: I've encountered a navigation menu pattern and I'm not sure what to recommend. But it ...
I've encountered a navigation menu pattern and I'm not sure what to recommend. But it kind of gives me the ick. WDYT?
The way it works, is each `<li>` in the navigation has *2* controls:
1. The primary link (to the top level page in a section of the site)
2. AND a button to open/close a submenu of deep links belonging to that page section.
Like..
<li>
<a href="/to/main/page">topic 1</a>
<button aria-expanded="false" aria-label="More in topic 1">+</button>
<ul hidden>...</ul>
</li>
Published at
2024-06-12 12:30:40Event JSON
{
"id": "1f008f9ee5a637d27b16d6dd2ad2381734deffdc12daba0ca0293d4aa46526bc",
"pubkey": "b713f4e1c064eae8a774eeb5b858b2731d365765db0beb393e622ea3c6a6dafb",
"created_at": 1718195440,
"kind": 1,
"tags": [
[
"proxy",
"https://front-end.social/users/heydon/statuses/112603656381119093",
"activitypub"
]
],
"content": "I've encountered a navigation menu pattern and I'm not sure what to recommend. But it kind of gives me the ick. WDYT?\n\nThe way it works, is each `\u003cli\u003e` in the navigation has *2* controls:\n\n1. The primary link (to the top level page in a section of the site)\n2. AND a button to open/close a submenu of deep links belonging to that page section.\n\nLike..\n\n\u003cli\u003e\n \u003ca href=\"/to/main/page\"\u003etopic 1\u003c/a\u003e\n \u003cbutton aria-expanded=\"false\" aria-label=\"More in topic 1\"\u003e+\u003c/button\u003e\n \u003cul hidden\u003e...\u003c/ul\u003e\n\u003c/li\u003e",
"sig": "101b1cf27d869f91f923f945d88196b923415122da4f6c1356d0179b12d3b4a7f455535110f0ff09cc71ef1e2a279b16137754589d2d474a8ab7672cf2a9140a"
}