I created navigation tabs which load content when you click the tab.But in the active tab the content of all the tabs are loading.I have included PHP file to load the content but when I remove the PHP file and put normal content its working properly.

     <div class="nav-tabs-horizontal" data-plugin="tabs">
                <ul class="nav nav-tabs nav-tabs-line" role="tablist">
                  <li class="nav-item" role="presentation">
                    <a class="nav-link active" data-toggle="tab" href="#settingsTab"
                      aria-controls="settings" role="tab">Settings</a>
                  </li>
                  <li class="nav-item" role="presentation">
                    <a class="nav-link" data-toggle="tab" href="#locationsTab"
                      aria-controls="locations" role="tab">Buisness </a>
                  </li>
                  <li class="nav-item" role="presentation">
                  <a class="nav-link" data-toggle="tab" href="#taxTab"
                      aria-controls="tax" role="tab">Tax</a>
                  </li>
                  <li class="nav-item" role="presentation">
                  <a class="nav-link" data-toggle="tab" href="#productsettingsTab"
                      aria-controls="product" role="tab">
                      Product </a>  
                  </li>
                  <li class="nav-item" role="presentation">
                  <a class="nav-link" data-toggle="tab" href="#invoiceTab"
                    aria-controls="invoiceTab" role="tab">Invoice Settings
                    </a>
                    </li>
                  <li class="nav-item" role="presentation">
                  <a class="nav-link" data-toggle="tab" href="#emailTab"
                    aria-controls="emailTab" role="tab">Email Settings
                    </a>
                    </li>
                  <li class="nav-item" role="presentation">
                  <a class="nav-link" data-toggle="tab" href="#audit"
                  aria-controls="audit" role="tab">Audit</a>
                  </li>
                </ul>
                <div class="tab-content ">
                  <div class="tab-pane active" id="settingsTab" >
                  <?php include 'settings.php'; ?>
                  </div>
                  
                  <div class="tab-pane" id="locationsTab" >
                  <?php include 'locations.php'; ?>
                   </div>
                  <div class="tab-pane " id="taxTab" >
                  <?php include 'tax.php'; ?>
                  </div>
                  <div class="tab-pane " id="productsettingsTab" >
                  <?php include 'product.php'; ?>
                  </div>
                  <div class="tab-pane " id="invoiceTab" >
                  <?php include 'invoice.php'; ?>
                  </div>
                  <div class="tab-pane " id="emailTab" >
                  <?php include 'email.php'; ?>
                  </div>
                  <div class="tab-pane " id="audit" >
                  <?php include 'auditlogs.php'; ?>
                  </div>
                 
                
                </div>
              </div>

1