You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.2 KiB
53 lines
1.2 KiB
/* ------------------------------------------------------------------------------ |
|
* |
|
* # Vertical navigation sizing |
|
* |
|
* Specific JS code additions for navigation_vertical_sizing.html page |
|
* |
|
* Version: 1.0 |
|
* Latest update: Aug 1, 2015 |
|
* |
|
* ---------------------------------------------------------------------------- */ |
|
|
|
$(function() { |
|
|
|
// Initialize Select2 select |
|
$('.select').select2({ |
|
width: 180, |
|
minimumResultsForSearch: Infinity |
|
}); |
|
|
|
|
|
// Apply size on change |
|
$('.select').on('change', function(){ |
|
|
|
// Value of selected item |
|
var vals = $(this).val(); |
|
|
|
|
|
// Large |
|
if ((vals == 'large')) { |
|
$('.navigation-main').addClass('navigation-lg'); |
|
} |
|
else { |
|
$('.navigation-main').removeClass('navigation-lg'); |
|
} |
|
|
|
// Small |
|
if ((vals == 'small')) { |
|
$('.navigation-main').addClass('navigation-sm'); |
|
} |
|
else { |
|
$('.navigation-main').removeClass('navigation-sm'); |
|
} |
|
|
|
// Mini |
|
if ((vals == 'mini')) { |
|
$('.navigation-main').addClass('navigation-xs'); |
|
} |
|
else { |
|
$('.navigation-main').removeClass('navigation-xs'); |
|
} |
|
}); |
|
|
|
});
|
|
|