I have wasted ridiculous amount of time behind tab-content but can't figure a way out. This is my view code here.
But when I click on tab and try to switch tab panel, all of tab pane goes to display:none as I have added $('.tab-content div').hide(). But when I tried to show the panel, it didn't work.
You forgot the # in the links
<a href="#<?php echo urlencode($course->courseCode);?>"
and to urlencode the id on the tab
<div role="tabpanel" class="tab-pane" id="<?php echo urlencode($item->courseCode);?>">