blob: 533e9786cc1068cfcd15c22e3748d7a64cf1926b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
$$plugins.define('expand', ['domHelper'], function (element, options, $) {
//triggerButton: data-trigger-expand
//content to be initialized: data-content-expand
const triggerButton = element.querySelector('[data-trigger-expand]'),
triggerButtonId = triggerButton.getAttribute('data-trigger-expand'),
content = $(`[data-content-expand='${triggerButtonId}']`);
var $triggerButton = $(triggerButton);
$triggerButton.on('click', function (e) {
e.preventDefault();
if ($triggerButton.hasClass('active')) {
content.slideUp(300, function () {
$triggerButton.removeClass('active');
content.removeAttr('style');
});
} else {
$triggerButton.addClass('active');
content.slideDown(300, function () {
if (content.find('.scrollbarShadow').length > 0 && !content.find('.scrollbarShadow').hasClass('initialized')) {
content.find('.scrollbarShadow').addClass('initialized');
}
});
}
});
if (options.closeOnCLickAway == true) {
document.addEventListener('click', function (event) {
if (!$triggerButton.hasClass('active') || element == event.target || $(event.target).parents().contains(element)) {
return;
}
content.slideUp(300, function () {
$triggerButton.removeClass('active');
content.removeAttr('style');
});
});
}
});
|
