-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathaccordion.coffee
104 lines (69 loc) · 2.41 KB
/
accordion.coffee
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
94
95
96
97
98
99
100
101
102
103
104
(($) ->
class Accordion
constructor: (@$el, @$panel, @class_is_open, @slide_duration) ->
open: ->
@$el.addClass(@class_is_open)
@$panel.stop(true).slideDown(@slide_duration);
close: ->
@$el.removeClass(@class_is_open)
@$panel.stop(true).slideUp(@slide_duration);
toggle: ->
if @is_open() then @close() else @open()
is_open: ->
@$el.hasClass(@class_is_open)
is_closed: ->
!@is_open()
class Accordions
options: {}
DEFAULT_OPTIONS = {
selector_accordions: '[data-js-accordion]'
selector_accordion_trigger: '[data-js-accordion-trigger]'
selector_accordion_panel: '[data-js-accordion-panel]'
class_is_open: 'is-open'
slide_duration: 500
show_multiple: false
open_first: false
}
constructor: (@el, @$el, options = {}) ->
@options = $.extend({}, DEFAULT_OPTIONS, options)
@accordions = @create_accordions()
@attach_events(accordion) for accordion in @accordions
@accordions[0]?.open() if @options.open_first
create_accordions: ->
accordions = []
for accordion in @$el.find(@options.selector_accordions)
$accordion = $(accordion)
$accordion_panel = $accordion.find(@options.selector_accordion_panel)
throw 'Could not find accordion panel' if $accordion_panel.length == 0
accordion = new Accordion(
$accordion,
$accordion_panel,
@options.class_is_open,
@options.slide_duration
)
$accordion.data('accordion', accordion)
accordions.push(accordion)
accordions
attach_events: (accordion) ->
$accordion_trigger = accordion.$el.find(@options.selector_accordion_trigger)
throw 'Could not find accordion trigger' if $accordion_trigger.length == 0
$accordion_trigger.on 'click', (e) =>
e.preventDefault()
@event_trigger_click(accordion)
event_trigger_click: (accordion) ->
if accordion.is_closed() and not @options.show_multiple
accordion_to_close.close() for accordion_to_close in @accordions
accordion.toggle()
# jQuery interface
$.fn.accordions = (options = {}) ->
return @each () ->
el = @
$el = $(el)
newPluginInstance = new Accordions(el, $el, options)
$el.data('accordions', newPluginInstance)
)(jQuery)
# Site implementation
(($) ->
$ ->
$('body').accordions()
)(jQuery)