- Wikipedia - Expandable Table of Contents

This style can minimize the Table of Contents in two ways:

Style A: Affixes the Table of Contents to the top-left corner, represented by a small icon. It stays there as you scroll. Hover over the icon and the ToC will appear.

Style B: A long, thin bar will be placed at the left side. When hovered, it will expand to show the ToC - an expandable sidebar. Height is set at 93% so that the status panel pop-up won't interfere. If you're using Status-4-Evar, you can safely set the height to 100%.

Warning: These styles don't display well with horizontally oriented Table of Contents, usually seen at list pages.

To use this style, install Firefox and Stylish. If you already have Stylish, make sure this site is allowed to run JavaScript.

(Though installing Stylish is recommended, if your browser supports user scripts, you can also install this style as a user script.)

Wikipedia - Expandable Table of Contents
Author luckymouse
License CC0
Created Nov 24, 2010
Updated Jan 21, 2014
Installs (this week) 3
Installs (total) 3,161
Show CSS


expandable sidebar static fixed float floating sticky menu table contents

Similar style at Wiki ToC Icon
Similar style at Wikipedia - Table of Content

  • I've encountered a variant ToC that looks the same, but uses a DIV instead of a TABLE element. I've updated the style to attain a consistent design between the two.
  • Modified Style A to have scrollbars when content overflows too.
  • Made table elements (tbody,tr,td) of ToC display block.
  • Changed width of ToC to 36%, minimum width set to 360px.
  • Changed style name to something more obvious (Fixed -> Expandable).
  • Styled scrollbars for both Firefox and Chrome (Gecko and WebKit)
  • Combine .toc with #toc due to duplicate ID found at Multiplexer article. There may be other pages like that...



No discussions posted in the last year. See older discussions. Ask a new question or add a review for this style.