Bootstrap选项卡面板处于活动状态

Question

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.

Answer 1

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);?>">