Can someone guide me on how to make my Bootstrap tab dropdown? Here is the code snippet I am currently using in MVC.
HTML
<div id="tabs" style="border: 0px; width:100%;">
<ul id="uTabs">
<li><a href="#tabs-1"><strong>Teacher</strong></a></li>
<li><a href="#tabs-2"><strong>Student</strong></a></li>
</ul>
<div id="tabs-1" class="PageContent">
</div>
<div id="tabs-2" class="PageContent">
</div>
</div>
JS
<script type="text/javascript">
$(function () {
$tabs = $('#tabs').tabs();
$tabs.tabs({select: function (event, ui) {
if (ui.index == 0 || ui.index == 1 || ui.index == 2) {
}
var url = $.data(ui.tab, 'load.tabs');
if (url) {
location.href = url;
return false;
}
return true;
}});
});
</script>