sass-site/source/assets/js/components/sass-syntax-switcher.js
Natalie Weizenbaum 79097d0fe1 Bundle all JS into a single file
Because we weren't doing this yet, we weren't actually loading the
redirect.js JS code at all.

This also gets rid of some unused JS.
2019-05-08 13:01:20 -07:00

51 lines
1.5 KiB
JavaScript

$(function() {
$(".code-example").each(function() {
var figure = $(this);
figure.tabs({
active: 0,
beforeActivate: function(event, ui) {
// If multiple panels are visible, the CSS tab shouldn't be clickable.
if (ui.newPanel.hasClass('css') &&
allPanels.filter(":visible").length > 1) {
return false;
}
},
activate: function(event, ui) {
if (ui.newPanel.hasClass('css')) {
figure.addClass('ui-tabs-panel-css-is-active');
} else {
figure.removeClass('ui-tabs-panel-css-is-active');
}
allPanels.removeClass('ui-tabs-panel-previously-active');
ui.oldPanel.addClass('ui-tabs-panel-inactive').addClass('ui-tabs-panel-previously-active');
ui.newPanel.removeClass('ui-tabs-panel-inactive');
allPanels.css('display', '');
}
});
var allPanels = figure.find(".ui-tabs-panel");
allPanels.css('display', '');
});
// Switch ALL the tabs (Sass/SCSS) together
var
noRecursion = false,
jqA = $( "a.ui-tabs-anchor" ),
jqASass = jqA.filter( ":contains('Sass')" ).click(function() {
if ( !noRecursion ) {
noRecursion = true;
jqASass.not( this ).click();
noRecursion = false;
}
}),
jqASCSS = jqA.filter( ":contains('SCSS')" ).click(function() {
if ( !noRecursion ) {
noRecursion = true;
jqASCSS.not( this ).click();
noRecursion = false;
}
})
;
});