title: How to target bootstrap tab when click on a link?
body: <p>I have a link in my home page to go to edit profile page. In editing page I have used bootstrap tabs like below, </p>
  
  <pre><code>&lt;ul class="nav custom-nav"&gt;
    &lt;li role="presentation" &gt;
      &lt;a href="#restaurant-basic-info" aria-controls="restaurant-basic-info" role="tab" data-toggle="tab"&gt;Restaurant Info&lt;/a&gt;
    &lt;/li&gt;
    &lt;li role="presentation"&gt;
      &lt;a href="#edit-cuisine" aria-controls="edit-cuisine" role="tab" data-toggle="tab"&gt;Cuisine&lt;/a&gt;
    &lt;/li&gt;&lt;/ul&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Tab Contents: 
  </p>
  
  <pre><code>&lt;div class="tab-content"&gt;
    &lt;!-- Tab pane-1 --&gt;
    &lt;div role="tabpanel" class="tab-pane" id="restaurant-basic-info"&gt;
      &lt;form&gt;
        &lt;div class="form-group"&gt;
          &lt;label for="exampleInputEmail1"&gt;Email address&lt;/label&gt;
          &lt;input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email"&gt;
        &lt;/div&gt;
        &lt;div class="form-group"&gt;
          &lt;label for="exampleInputPassword1"&gt;Password&lt;/label&gt;
          &lt;input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"&gt;
        &lt;/div&gt;
        &lt;div class="crearfix"&gt;&lt;/div&gt;
  
        &lt;div class="form-footer"&gt;
          &lt;div class="action "&gt;
            &lt;input type="submit" class="btn btn-primary" value="Update"&gt;
            &lt;input type="hidden" name="submitted" value="TRUE"&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;br&gt;
      &lt;/form&gt;  
    &lt;/div&gt;
  
    ......
  
  &lt;/div&gt;
  </code></pre>
  
  <p>So. Now I want to open the tab with the ID of <code>restaurant-basic-info</code>, when click on the link from home page. </p>
  
  <p>Is it possible to do? I found similar question here but none of them not help me to this scenario. </p>
  
  <p>Hope Somebody may help me out. 
  Thank you. </p>