switcher-uncompressed.js
2.32 KB
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
/**
* @copyright Copyright (C) 2005 - 2019 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
/**
* Switcher behavior
*
* @package Joomla
* @since 1.5
*/
var JSwitcher = function(toggler, element, _options) {
var $, $togglers, $elements, current, options = {
onShow : function() {
},
onHide : function() {
},
cookieName : 'switcher',
togglerSelector : 'a',
elementSelector : 'div.tab',
elementPrefix : 'page-'
},
initialize = function(toggler, element, _options) {
$ = jQuery.noConflict();
$.extend(options, _options);
$togglers = $(toggler).find(options.togglerSelector);
$elements = $(element).find(options.elementSelector);
if (($togglers.length === 0) || ($togglers.length !== $elements.length)) {
return;
}
hideAll();
$togglers.each(function() {
$(this).on('click', function() {
display($(this).attr('id'));
});
})
var first = document.location.hash.substring(1);
if (first) {
display(first);
} else if ($togglers.length) {
display($togglers.first().attr('id'));
}
},
display = function(togglerId) {
var $toggler = $('#' + togglerId), $element = $('#' + options.elementPrefix + togglerId);
if ($toggler.length === 0 || $element.length === 0 || togglerId === current) {
return this;
}
if (current) {
hide($('#' + options.elementPrefix + current));
$('#' + current).removeClass('active');
}
show($element);
$toggler.addClass('active');
current = togglerId;
document.location.hash = current;
$(window).scrollTop(0);
},
hide = function(element) {
options.onShow(element);
$(element).hide();
},
hideAll = function() {
$elements.hide();
$togglers.removeClass('active');
},
show = function(element) {
options.onHide(element);
$(element).show();
};
initialize(toggler, element, _options);
return{
display: display,
hide: hide,
hideAll: hideAll,
show: show
};
};