| 225
| <![CDATA[<script type="text/javascript">
$(document).ready(function () {
//Horizontal Tab
$('#parentHorizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true, // 100% fit in a container
tabidentify: 'hor_1', // The tab groups identifier
activate: function (event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $('#nested-tabInfo');
var $name = $('span', $info);
$name.text($tab.text());
$info.show();
}
});
/*
// Child Tab
$('#ChildVerticalTab_1').easyResponsiveTabs({
type: 'vertical',
width: 'auto',
fit: true,
tabidentify: 'ver_1', // The tab groups identifier
activetab_bg: '#fff', // background color for active tabs in this group
inactive_bg: '#F5F5F5', // background color for inactive tabs in this group
active_border_color: '#c1c1c1', // border color for active tabs heads in this group
active_content_border_color: '#5AB1D0' // border color for active tabs contect in this group so that it matches the tab head border
});
*/
$('#ChildVerticalTab_1').easyResponsiveTabs({ type: 'vertical', width: 'auto', fit: true, tabidentify: 'ver_1', activetab_bg: '#fff', inactive_bg: '#F5F5F5', active_border_color: '#c1c1c1', active_content_border_color: '#96110D'}); $('#ChildVerticalTab_2').easyResponsiveTabs({ type: 'vertical', width: 'auto', fit: true, tabidentify: 'ver_2', activetab_bg: '#fff', inactive_bg: '#F5F5F5', active_border_color: '#c1c1c1', active_content_border_color: '#96110D'}); $('#ChildVerticalTab_3').easyResponsiveTabs({ type: 'vertical', width: 'auto', fit: true, tabidentify: 'ver_3', activetab_bg: '#fff', inactive_bg: '#F5F5F5', active_border_color: '#c1c1c1', active_content_border_color: '#96110D'}); $('#ChildVerticalTab_4').easyResponsiveTabs({ type: 'vertical', width: 'auto', fit: true, tabidentify: 'ver_4', activetab_bg: '#fff', inactive_bg: '#F5F5F5', active_border_color: '#c1c1c1', active_content_border_color: '#96110D'}); $('#ChildVerticalTab_5').easyResponsiveTabs({ type: 'vertical', width: 'auto', fit: true, tabidentify: 'ver_5', activetab_bg: '#fff', inactive_bg: '#F5F5F5', active_border_color: '#c1c1c1', active_content_border_color: '#96110D'}); $('#ChildVerticalTab_6').easyResponsiveTabs({ type: 'vertical', width: 'auto', fit: true, tabidentify: 'ver_6', activetab_bg: '#fff', inactive_bg: '#F5F5F5', active_border_color: '#c1c1c1', active_content_border_color: '#96110D'}); $('#ChildVerticalTab_7').easyResponsiveTabs({ type: 'vertical', width: 'auto', fit: true, tabidentify: 'ver_7', activetab_bg: '#fff', inactive_bg: '#F5F5F5', active_border_color: '#c1c1c1', active_content_border_color: '#96110D'}); $('#ChildVerticalTab_8').easyResponsiveTabs({ type: 'vertical', width: 'auto', fit: true, tabidentify: 'ver_8', activetab_bg: '#fff', inactive_bg: '#F5F5F5', active_border_color: '#c1c1c1', active_content_border_color: '#96110D'});
//Vertical Tab
$('#parentVerticalTab').easyResponsiveTabs({
type: 'vertical', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true, // 100% fit in a container
closed: 'accordion', // Start closed if in accordion view
tabidentify: 'hor_1', // The tab groups identifier
activate: function (event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $('#nested-tabInfo2');
var $name = $('span', $info);
$name.text($tab.text());
$info.show();
}
});
});
</script>]]>
|
