DITA: Add a mini-toc on a page
For longer pages, it's helpful to have a mini-TOC to show the various contents. You can implement the Table of Contents jQuery plugin into Oxygen's webhelp.
Download the minified JS script from the jQuery TOC plugin site. Open the jquery.toc.min.js file and copy its contents.
Insert the minified JS script at the bottom, before the closing
Add the following trigger below the script:
Add the following styles to your custom skin's stylesheet:
On a page where you want to insert the TOC, add
About Tom Johnson
I'm an API technical writer based in the Seattle area. On this blog, I write about topics related to technical writing and communication — such as software documentation, API documentation, AI, information architecture, content strategy, writing processes, plain language, tech comm careers, and more. Check out my API documentation course if you're looking for more info about documenting APIs. Or see my posts on AI and AI course section for more on the latest in AI and tech comm.
If you're a technical writer and want to keep on top of the latest trends in the tech comm, be sure to subscribe to email updates below. You can also learn more about me or contact me. Finally, note that the opinions I express on my blog are my own points of view, not that of my employer.