I'm using Bootstrap 3 to create a simple site.
I've created on about.html some Tabs with different content.

```
<ul class="nav nav-tabs" id="TabSomos">
<li class="active"><a href="#somos" data-toggle="tab">Quienes Somos</a></li>
<li><a href="#nosotros" data-toggle="tab">Nosotros</a></li>
<li><a href="#calidad" data-toggle="tab">Calidad</a></li>
</ul>

<article class="tab-content">
<div class="tab-pane active" id="somos">...</div>
<div class="tab-pane" id="nosotros">...</div>
<div class="tab-pane" id="calidad">...</div>
</article>

```

From index.html I want to create links that open different tabs. I created an ID per tab. However, since it's "hidden" it doesn't work properly. 

```
<a href="nosotros.html#calidad">Modelos de Calidad</a>

```

I've been reading this solution: [link to a specific tab by jquery](https://stackoverflow.com/questions/10327310/link-to-a-specific-tab-by-jquery "link to a specific tab by jquery") however I do not fully understand where(and why) to put the scripts. Not sure if that's just within the same html document or between different ones, that it's the thing I need.

Any advice? (As you may see I'm not really that proficient with JS/jQuery). Thank you!