Go4 Simple Table of Contents – hello from the saved content!

Another H1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut aliquid scire se gaudeant? Cum audissem Antiochum, Brute, ut solebam, cum M. Mihi, inquam, qui te id ipsum rogavi? Istam voluptatem perpetuam quis potest praestare sapienti?

Poterat autem inpune; Sed ad bona praeterita redeamus. Frater et T. Duo Reges: constructio interrete. Quonam, inquit, modo?

Contemnit enim disserendi elegantiam, confuse loquitur. Et nemo nimium beatus est; Respondent extrema primis, media utrisque, omnia omnibus. An haec ab eo non dicuntur? Venit ad extremum; Graccho, eius fere, aequalí?

Quamquam te quidem video minime esse deterritum. Quam si explicavisset, non tam haesitaret. Cave putes quicquam esse verius. Tum mihi Piso: Quid ergo? Haec dicuntur inconstantissime. Cur iustitia laudatur?

Random h4 to mess up any nice tiered menu

A First h2

A little bit of content under it.

h3 with Meat

Tongue bacon jowl brisket capicola, alcatra hamburger ball tip landjaeger meatloaf picanha pork tenderloin. Capicola spare ribs chislic, kevin hamburger t-bone strip steak short loin corned beef ribeye. Sirloin chuck porchetta brisket kevin andouille venison ball tip kielbasa bresaola flank landjaeger spare ribs beef ribs pastrami. Doner beef cupim porchetta rump. Frankfurter meatloaf tri-tip short loin pork strip steak, ball tip spare ribs jerky chuck porchetta chislic beef drumstick bacon.

h3 with Dinosaurs

Halszkaraptor Bolong Picrodon Tastavinsaurus Scelidosaurus Alocodon Angolatitan Austrosaurus Janenschia Australodocus Ruehleia Tanycolagreus Aepyornithomimus Weewarrasaurus Normanniasaurus.

Yingshanosaurus Sellacoxa Kulindapteryx Yandusaurus Goyocephale Xiaosaurus Protognathosaurus Eotyrannus Anzu Ojoceratops Zhenyuanlong Homalocephale Laelaps Gobihadros Microraptor.

Hesperonychus Chassternbergia Paluxysaurus Bonapartesaurus Sanpasaurus Rhodanosaurus Tyrannotitan Stenotholus Jingshanosaurus Crichtonpelta Oxalaia Cryptovolans Loncosaurus Microhadrosaurus Claorhynchus.

h2 Number 2

Isn’t it enough to see that a garden is beautiful without having to believe that there are fairies at the bottom of it too?

Douglas Adams – The Hitchhiker’s Guide to the Galaxy

Another heading that is 3rd tier and also a bit longer than your average heading

Aha!

888 H3

H4 for whatever it’s worth

Another little h4

I mean does anyone even care about h5?

2 h6’s to go below this h5

A bit of content in a paragraph here

One of two h6s

2/2 for the final h6

Encabezado misterioso número tres. ¡Dios mío!

Do these headings get IDs added by default?

Do these headings get IDs added by default?

I’m spent,

There were a few important things

.addEventListener()

The function that you want to add needs to be assigned with an arrow function. Otherwise it just gets executed rather than being mapped to the event. Took me a while to figure out.

Also adding a toggle as the event can backfire on you if the function toggles itself. Self explanatory I guess but I threw myself for a few loops that were not necessary.

.preventDefault()

<details> and <summary> tags have a default action. If you have a text input field within them, you find that the spacebar will toggle the details. The onKeyUp event and the .key function helped me get around this. (I had to do a bit of wrangling to get it to work in the WordPress block but I got there)

I Like JetBrainsMono

Its a fun font and I may try and implement it on this site at some point

I don't git this boolean shit

I just don’t.

---

Onward to my simple table of contents.