Содержимое вкладки показывает, когда страница обновляется после этого.

Question

У меня есть несколько вкладок в моем проекте. Когда страница загружена, первая вкладка работает правильно.Если я нажму на следующую вкладку, содержимое первой вкладки исчезнет.

<div class="col-md-7">
    <div class="tabs-page">
        <ul class="nav-tabs" role="tablist">
            <?php 
                $tabs = array();
                if($sessId == ""){
                    $tabs = array("introduction"=>true, "outline"=>true,"announcement"=>false,"discussion"=>false,"review"=>true, "student"=>false, "comment"=>true); 
                    } else if($checkcourse  && $userid != $sessId && !$sessId == "" ) {
                    $tabs = array("introduction"=>false, "outline"=>true,"announcement"=>true,"discussion"=>true,"review"=>true, "student"=>true, "comment"=>false); 
                    } else if(!$sessId == "" && $userid != $sessId){
                    $tabs = array("introduction"=>true, "outline"=>true,"announcement"=>false,"discussion"=>false,"review"=>true, "student"=>true, "comment"=>true); 
                    } else if($userid == $sessId){
                    $tabs = array("introduction"=>false, "outline"=>true,"announcement"=>true,"discussion"=>true,"review"=>true, "student"=>true, "comment"=>false); 
                }
            ?>  
            <?php $key = array_search('true', $tabs); ?>

                    <?php if($tabs['introduction']) { ?>
                        <li <?php if($key == 'introduction') {?> class="active"<?php } ?>><a href="#introduction" role="tab" data-toggle="tab"><?php echo $this->lang->line('Introduction'); ?></a></li>
                    <?php } ?>
                    <?php if($tabs['outline']) { ?>
                        <li <?php if($key == 'outline') {?> class="active"<?php } ?>><a href="#outline" role="tab" data-toggle="tab"><?php echo $this->lang->line('Outline'); ?></a></li>
                    <?php } ?>
                    <?php if($tabs['announcement']) { ?>
                        <li <?php if($key == 'announcement') {?> class="active"<?php } ?>><a href="#announcement" role="tab" data-toggle="tab"><?php echo $this->lang->line('Announcements'); ?></a></li>
                    <?php } ?>
                    <?php if($tabs['review']) { ?>
                        <li <?php if($key == 'review') {?> class="active"<?php } ?>><a href="#review" role="tab" data-toggle="tab"><?php echo $this->lang->line('Reviews'); ?></a></li>
                    <?php } ?>
                    <?php if($tabs['student']) { ?>
                        <li <?php if($key == 'student') {?> class="active"<?php } ?>><a href="#student" role="tab" data-toggle="tab"><?php echo $this->lang->line('Students'); ?></a></li>
                    <?php } ?>
                    <?php if($tabs['comment']) { ?>
                        <li <?php if($key == 'comment') {?> class="active"<?php } ?>><a href="#comment" role="tab" data-toggle="tab"><?php echo $this->lang->line('Comment'); ?></a></li>
                    <?php } ?>                      
                    <?php if($tabs['discussion']) { ?>
                        <li <?php if($key == 'discussion') {?> class="active"<?php } ?>><a href="#discussion" role="tab" data-toggle="tab"><?php echo $this->lang->line('Discussion'); ?></a></li>
                    <?php } ?>                  
                </ul>

                <div class="tab-content">
                    <?php if($tabs['introduction']) { ?>                        
                        <!-- INTRODUCTION -->
                        <div class="tab-pane fade in <?php if($key == 'introduction') {?> active <?php } ?>" id="introduction">
                            <h1>First Tab</h1>
                        </div>
                        <!-- END / INTRODUCTION -->                     
                    <?php } ?>

                    <?php if($tabs['outline']) { ?>                       
                    <!-- OUTLINE-->
                    <div class="tab-pane fade in <?php if($key == 'outline') {?> active <?php } ?>" id="outline">
                       <h1>Second tab</h1>
                    </div>
                    <!-- END / outline-->                     
                <?php } ?>
                </div>
              </div>
            </div>

Когда страница перезагружается, вкладка введения загружается, и ее содержимое загружается, а после того, как я нажимаю на вкладку Outline, содержимое этой вкладки также загружается.Опять же, если я нажму вкладку Введение, она не показывает ее содержание.Как это решить?