Issue with Twitter Bootstrap pills
===

I've a problem with Bootstrap tabs/pills plugin.

I'd like to show all `div` (`a`, `b` and `c`), so i don't need tabs to hide them. I'd like to have pills to let the user move from one section to another on the page. The problem:

 - When user click the link, content is not shown (example for container `a` and `b`).
 - Removing `data-toggle="pill"` content is shown but link is not marked with `.active` class.

I prepared this fiddle: http://jsfiddle.net/DLRmp/ to show you the problem. Hope that you can help me, documentation seems a bit poor about pills:

    <ul class="nav nav-pills nav-stacked">
        <li class="active"><a data-toggle="pill" href="#a">a</a></li>
        <li class=""><a data-toggle="pill" href="#b">b</a></li>
        <li class=""><a href="#c">c</a></li>
    </ul>
    
    <div id="a">I'm not working: when user clicks the link nothing happens.
        But at least link is marked as active!</div>
    
    <div id="b">Me too. I'm not working: when user clicks the link nothing happens. 
        But at least link is marked as active! </div>
    
    <div id="c">I'm working, but link is not marked as active!</div>



