aidjasljda

ajshdhasd

First

Second

Third

Please exclude me! =)

SimpleTOC Original Default

SimpleTOC small title h6

Table of Contents

• SimpleTOC Original Default
• SimpleTOC small title h6
• SimpleTOC with no heading
• SimpleTOC Indented
• How to build a plugin?
• Custom Colors
• Toc inside a DIV Wrapper
  • Nested heading are supported
    • Heading with custom ID
• Fast! No JavaScript, No CSS and SEO-friendly.
• Custom CSS Class
• SimpleTOC Accordion Menu

SimpleTOC with no heading

• SimpleTOC Original Default
• SimpleTOC small title h6
• SimpleTOC with no heading
• SimpleTOC Indented
• How to build a plugin?
• Custom Colors
• Toc inside a DIV Wrapper
  • Nested heading are supported
    • Heading with custom ID
• Fast! No JavaScript, No CSS and SEO-friendly.
• Custom CSS Class
• SimpleTOC Accordion Menu

SimpleTOC Indented

Table of Contents

1. SimpleTOC Original Default
2. SimpleTOC small title h6
3. SimpleTOC with no heading
4. SimpleTOC Indented
5. How to build a plugin?
6. Custom Colors
7. Toc inside a DIV Wrapper
   1. Nested heading are supported
      1. Heading with custom ID
8. Fast! No JavaScript, No CSS and SEO-friendly.
9. Custom CSS Class
10. SimpleTOC Accordion Menu

How to build a plugin?

Custom Colors

Toc inside a DIV Wrapper

Nested heading are supported

Heading with custom ID

Fast! No JavaScript, No CSS and SEO-friendly.

Custom CSS Class

SimpleTOC Accordion Menu

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vestibulum tellus dolor, in bibendum sapien venenatis ut. Pellentesque ac tellus consequat lacus sagittis scelerisque. Quisque porta ipsum et sem condimentum, sit amet bibendum ipsum sollicitudin. In sed tempus erat, quis scelerisque ligula. Etiam nec scelerisque urna, ut cursus felis. Sed sit amet sapien ut justo lobortis pretium. Nam quis elementum metus.

Just the default settings:

Table of Contents

• Zero configuration
• Minimal and valid HTML output
• No JavaScript or CSS added
• Inherits the style of your theme
• This is a regular H2 heading
• This a heading with emoji 🙏
• هذا عنوان باللغة العربية
• Это заголовок на русском
• Ceci est une rubrique en français
  • This is a deep nested H3
    • This a formated headline.
      • This one had a custom anchor called “anorlondo”.
• And this is H1. (Never do this!)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vestibulum tellus dolor, in bibendum sapien venenatis ut. Pellentesque ac tellus consequat lacus sagittis scelerisque. Quisque porta ipsum et sem condimentum, sit amet bibendum ipsum sollicitudin. In sed tempus erat, quis scelerisque ligula. Etiam nec scelerisque urna, ut cursus felis. Sed sit amet sapien ut justo lobortis pretium. Nam quis elementum metus.

Hidden in an accordion menu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vestibulum tellus dolor, in bibendum sapien venenatis ut. Pellentesque ac tellus consequat lacus sagittis scelerisque. Quisque porta ipsum et sem condimentum, sit amet bibendum ipsum sollicitudin. In sed tempus erat, quis scelerisque ligula. Etiam nec scelerisque urna, ut cursus felis. Sed sit amet sapien ut justo lobortis pretium. Nam quis elementum metus.

Hidden in an accordion menu twice to check JavaScript code.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vestibulum tellus dolor, in bibendum sapien venenatis ut. Pellentesque ac tellus consequat lacus sagittis scelerisque. Quisque porta ipsum et sem condimentum, sit amet bibendum ipsum sollicitudin. In sed tempus erat, quis scelerisque ligula. Etiam nec scelerisque urna, ut cursus felis. Sed sit amet sapien ut justo lobortis pretium. Nam quis elementum metus. Styled with groups

Zero configuration

Minimal and valid HTML output

No JavaScript or CSS added

Inherits the style of your theme

This is a regular H2 heading

• Lorem
• Ispum
• Dolor

This a heading with emoji 🙏

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vestibulum tellus dolor, in bibendum sapien venenatis ut. Pellentesque ac tellus consequat lacus sagittis scelerisque. Quisque porta ipsum et sem condimentum, sit amet bibendum ipsum sollicitudin. In sed tempus erat, quis scelerisque ligula. Etiam nec scelerisque urna, ut cursus felis. Sed sit amet sapien ut justo lobortis pretium. Nam quis elementum metus.

هذا عنوان باللغة العربية

Это заголовок на русском

Ceci est une rubrique en français

This is a deep nested H3

This a formated headline.

This one had a custom anchor called “anorlondo”.

this one is a hidden headline

And this is H1. (Never do this!)