48 lines
1.1 KiB
JavaScript
48 lines
1.1 KiB
JavaScript
const $ = require('jquery');
|
|
|
|
let Pannel = () => {
|
|
let panels = $('.panel');
|
|
|
|
panels.each((i, p) => {
|
|
let panel = $(p);
|
|
let content = panel.find('.panel-content').first();
|
|
let togglers = panel.find('.panel-toggler');
|
|
|
|
togglers.each((k, t) => {
|
|
let toggler = $(t);
|
|
|
|
if (!toggler.is('.fa')) {
|
|
return;
|
|
}
|
|
|
|
if (content.is('.active')) {
|
|
toggler.removeClass('fa-arrow-down');
|
|
toggler.addClass('fa-arrow-up');
|
|
} else {
|
|
toggler.removeClass('fa-arrow-up');
|
|
toggler.addClass('fa-arrow-down');
|
|
}
|
|
})
|
|
|
|
togglers.click(function(e) {
|
|
e.stopPropagation();
|
|
|
|
content.toggleClass('active');
|
|
|
|
togglers.each((k, t) => {
|
|
let toggler = $(t);
|
|
|
|
if (!toggler.is('.fa')) {
|
|
return;
|
|
}
|
|
|
|
toggler
|
|
.toggleClass('fa-arrow-down')
|
|
.toggleClass('fa-arrow-up');
|
|
})
|
|
});
|
|
});
|
|
}
|
|
|
|
module.exports = Pannel;
|