Bootstrap Example
https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js
Dynamic Tabs with jQuery
Click on the Tabs to display the active and previous tab.
HOME
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Active Tab:
Previous Tab:
$(document).ready(function () {
$(“.nav-tabs a”).click(function () {
$(this).tab(‘show’);
});
$(‘.nav-tabs a’).on(‘shown.bs.tab’, function (event) {
var x = $(event.target).text(); // active tab
var y = $(event.relatedTarget).text(); // previous tab
$(“.act span”).text(x);
$(“.prev span”).text(y);
});
$(y).tab(‘show’);
});
#10. Our first entry is a beautiful Scandinavian apartment featuring spacious rooms, tall windows and a remarkable interior design. A fancy gloss kitchen with integrated white drawers follows the modern living-room. From the kitchen you can reach the newly constructed balcony. Oak parquet flooring runs throughout the apartment, warming up the atmosphere.
Khung Trời Mơ 