Я использую вкладки в Bootstrap 3, чтобы разделить соответствующую информацию на веб-странице. Код:Bootstrap 3 Вкладки не работают
<div class="tab-content">
<div id="3users" class="tab-pane fade in active">
<p class="price"><sup>$</sup>48.50<sub> /month</sub></p>
<ul>
<li>E-commerce Platform</li>
<li>Business Reporting</li>
<li>Event Booking</li>
<li>Custom Web Apps</li>
</ul>
<p class="emph">plus everthing included in WebMarketing</p>
<table width="75%" border="0">
<tbody>
<tr>
<td>Users</td>
<td class="td-right">3</td>
</tr>
<tr>
<td>Emails</td>
<td class="td-right">10</td>
</tr>
<tr>
<td>Storage</td>
<td class="td-right">1GB</td>
</tr>
<tr>
<td>Bandwidth/Month</td>
<td class="td-right">1TB</td>
</tr>
<tr>
<td>Newsletters/Month</td>
<td class="td-right">10,000</td>
</tr>
<tr>
<td>SMS/Month</td>
<td class="td-right">10</td>
</tr>
</tbody>
</table>
</div>
<div id="5users" class="tab-pane fade in active">
<p class="price"><sup>$</sup>73.50<sub> /month</sub></p>
<ul>
<li>E-commerce Platform</li>
<li>Business Reporting</li>
<li>Event Booking</li>
<li>Custom Web Apps</li>
</ul>
<p class="emph">plus everthing included in WebMarketing</p>
<table width="75%" border="0">
<tbody>
<tr>
<td>Users</td>
<td class="td-right">5</td>
</tr>
<tr>
<td>Emails</td>
<td class="td-right">20</td>
</tr>
<tr>
<td>Storage</td>
<td class="td-right">2GB</td>
</tr>
<tr>
<td>Bandwidth/Month</td>
<td class="td-right">1TB</td>
</tr>
<tr>
<td>Newsletters/Month</td>
<td class="td-right">10,000</td>
</tr>
<tr>
<td>SMS/Month</td>
<td class="td-right">10</td>
</tr>
</tbody>
</table>
</div>
<div id="10users" class="tab-pane fade in active">
<p class="price"><sup>$</sup>99.00<sub> /month</sub></p>
<ul>
<li>E-commerce Platform</li>
<li>Business Reporting</li>
<li>Event Booking</li>
<li>Custom Web Apps</li>
</ul>
<p class="emph">plus everthing included in WebMarketing</p>
<table width="75%" border="0">
<tbody>
<tr>
<td>Users</td>
<td class="td-right">10</td>
</tr>
<tr>
<td>Emails</td>
<td class="td-right">50</td>
</tr>
<tr>
<td>Storage</td>
<td class="td-right">5GB</td>
</tr>
<tr>
<td>Bandwidth/Month</td>
<td class="td-right">1TB</td>
</tr>
<tr>
<td>Newsletters/Month</td>
<td class="td-right">10,000</td>
</tr>
<tr>
<td>SMS/Month</td>
<td class="td-right">10</td>
</tr>
</tbody>
</table>
</div>
</div>
Я не знаю, почему, при загрузке страницы и отображает все дивы сразу. при нажатии одной из вкладок начинается отображение только соответствующего div.
Я не могу понять, почему 2-й и 3-й не скрываются при загрузке.
Я использую bootstrap-3.3.7.js
и jquery-1.11.3.min.js
, и я работаю с последней версией Dreamweaver.
Спасибо за помощь