Demo: Collapsable

Turning true collapsable option, navigator's nested titles will be easily hidden and shown. Also, if you turn autocollapse true, titles will be toggle visibility automatically when you scroll through page's contents.
If you like to use collapsable, navigator should be absolute or fixed positioned. Otherwise, toggling visibility would affect contents blocks' offset and neither links nor URL hash will be properly work.
By default, collapse button is an arrow. Click on it to toggle visibility. Also, you can modify it through css or even you can change the original markup (see btnCollapse option) 


$('#navigator1').contentNavigator({
    wrapper : '#demo1',
    collapsable : true,
    autocollapse : true,
    updateURL : true
});

First title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor tortor ac urna sodales, non egestas neque mattis. Vestibulum ut aliquam sem. Donec ante magna, laoreet vitae rhoncus ac, pulvinar quis massa. Nulla auctor vel ipsum in fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce eu interdum augue, nec fermentum mauris. Nulla eget pretium dui. Sed vulputate pretium aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut interdum justo.

First subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor tortor ac urna sodales, non egestas neque mattis. Vestibulum ut aliquam sem. Donec ante magna, laoreet vitae rhoncus ac, pulvinar quis massa. Nulla auctor vel ipsum in fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce eu interdum augue, nec fermentum mauris. Nulla eget pretium dui. Sed vulputate pretium aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut interdum justo.

Second title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor tortor ac urna sodales, non egestas neque mattis. Vestibulum ut aliquam sem. Donec ante magna, laoreet vitae rhoncus ac, pulvinar quis massa. Nulla auctor vel ipsum in fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce eu interdum augue, nec fermentum mauris. Nulla eget pretium dui. Sed vulputate pretium aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut interdum justo.

First subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor tortor ac urna sodales, non egestas neque mattis. Vestibulum ut aliquam sem. Donec ante magna, laoreet vitae rhoncus ac, pulvinar quis massa. Nulla auctor vel ipsum in fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce eu interdum augue, nec fermentum mauris. Nulla eget pretium dui. Sed vulputate pretium aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut interdum justo.

Second subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor tortor ac urna sodales, non egestas neque mattis. Vestibulum ut aliquam sem. Donec ante magna, laoreet vitae rhoncus ac, pulvinar quis massa. Nulla auctor vel ipsum in fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce eu interdum augue, nec fermentum mauris. Nulla eget pretium dui. Sed vulputate pretium aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut interdum justo.

First level 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor tortor ac urna sodales, non egestas neque mattis. Vestibulum ut aliquam sem. Donec ante magna, laoreet vitae rhoncus ac, pulvinar quis massa. Nulla auctor vel ipsum in fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce eu interdum augue, nec fermentum mauris. Nulla eget pretium dui. Sed vulputate pretium aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut interdum justo.

Second level 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor tortor ac urna sodales, non egestas neque mattis. Vestibulum ut aliquam sem. Donec ante magna, laoreet vitae rhoncus ac, pulvinar quis massa. Nulla auctor vel ipsum in fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce eu interdum augue, nec fermentum mauris. Nulla eget pretium dui. Sed vulputate pretium aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut interdum justo.

Third subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor tortor ac urna sodales, non egestas neque mattis. Vestibulum ut aliquam sem. Donec ante magna, laoreet vitae rhoncus ac, pulvinar quis massa. Nulla auctor vel ipsum in fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce eu interdum augue, nec fermentum mauris. Nulla eget pretium dui. Sed vulputate pretium aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut interdum justo.