Twitter Bootstrap on page tabs: not hiding tab content
- by user973424
I'm trying to get the twitter on page tabbed content to work. I have the tabs working with switching around active class on the tabs. I've included jquery and the bootstrap-tabs.js but the following code can't seem to get the tabbed content to hide / display as they should. Any help on what may be a simple fix would be appreciated.
<div class="span8">
<ul class="tabs" data-tabs="tabs">
<li class="active"><a href="#2009">2009</a></li>
<li><a href="#2010">2010</a></li>
<li><a href="#2011">2011</a></li>
</ul>
<div class="pill-content">
<div class="active" id="2009">
2009 copy
</div>
<div id="2010">
2010 copy
</div>
<div id="2011">
2011 copy
</div>
</div>
<script>
$(function () {
$('.tabs').tabs()
})
</script>
</div><!-- end span 8 -->
