https://aspph.org/wp-content/themes/aspph2/js/block-template-scripts.js?ver=0.9.6.1790181707

1// Video and image slider - Simple slider
2jQuery(document).ready(function ($) {
3	class SlickCarousel {
4	  	constructor() {
5			this.initiateCarousel();
6	  	}
7
8	  	initiateCarousel() {
9			$(".custom-simple-slider-block").slick({
10				centerMode: true,
11				centerPadding: "0px",
12				variableWidth: true,
13				slidesToShow: 3,
14				autoplaySpeed: 3000,
15				slidesToScroll: 1,
16				arrows: true,
17				prevArrow:
18					"<div class='arrow_left'> <i class='fal fa-chevron-left'></i> </div>",
19				nextArrow:
20					"<div class='arrow_right'> <i class='fal fa-chevron-right'></i> </div>",
21				dots: true,
22				responsive: [
23					{
24						breakpoint: 576,
25						settings: {
26							slidesToShow: 1,
27							centerMode: false,
28							variableWidth: false,
29						},
30					},
31		  		],
32			});
33	  	}
34	}
35  
36	new SlickCarousel();
37});
38
39// Spotlight Slider
40( function( $ ) {
41    class SlickCarousel {
42      	constructor() {
43        	this.initiateCarousel();
44      	}
45  
46      	initiateCarousel() {
47        	$( '.custom-spotlight-slider-block' ).slick( {
48				autoplay: true,
49				autoplaySpeed: 5000,
50				pauseOnHover: false,
51				slidesToShow: 1,
52				slidesToScroll: 1,
53				arrows: false,
54				dots: true,
55			} );
56		}
57      
58	}
59  
60    new SlickCarousel();
61  
62} )( jQuery );
63
64// Testimonial Slider
65(function ($) {
66	class SlickCarousel {
67	  	constructor() {
68			this.initiateCarousel();
69	  	}
70  
71	  	initiateCarousel() {
72			$(".custom-testimonial-slider-block").slick({
73				autoplay: true,
74				autoplaySpeed: 3000,
75				slidesToShow: 1,
76				slidesToScroll: 1,
77				arrows: false,
78				dots: true,
79				lazyLoad: "ondemand",
80			});
81	  	}
82	}
83  
84	new SlickCarousel();
85})(jQuery);
86
87// One Column Slider
88( function( $ ) {
89    class SlickCarousel {
90      	constructor() {
91        	this.initiateCarousel();
92      	}
93  
94      	initiateCarousel() {
95        	$( '.one-col-slider' ).slick( {
96          		dots: true,
97					infinite: true,
98					cssEase: 'linear',
99					swipe: false,
100					autoplay: false,
101					arrows: true,
102					prevArrow:"<div class='arrow_left'> <i class='fal fa-chevron-left'></i> </div>",
103					nextArrow:"<div class='arrow_right'> <i class='fal fa-chevron-right'></i> </div>", 
104        	} );
105      	}
106    }
107  
108    new SlickCarousel();
109} )( jQuery );
110
111// Accordion
112(function ($) {
113    $(document).ready(function () {
114
115        var toggleAccordion = $('#accordion-toggle-btn');
116       
117        var acc = document.getElementsByClassName("accordion-block");
118        var i;
119        var expandAll = false;
120
121        toggleAccordion.on('click', function(){
122           
123            for (i = 0; i < acc.length; i++) {
124             
125                    /* Toggle between adding and removing the "active" class,
126                    to highlight the button that controls the panel */
127                    acc[i].classList.toggle("active");
128
129                    /* Toggle between hiding and showing the active panel */
130                    var panel = acc[i].nextElementSibling;
131                    if (expandAll == true) {
132                        panel.style.maxHeight = null;
133                        panel.style.paddingTop = null;
134                        panel.style.paddingBottom = null;
135                      } else {
136                        panel.style.maxHeight = ( panel.scrollHeight + 20) + "px";
137                        // panel.style.paddingTop = "5px";
138                        // panel.style.paddingBottom = "5.9em";
139                      }
140            
141            }
142            if(expandAll == false){
143                toggleAccordion.text("Collapse All")
144                expandAll = true;
145            }
146            else if(expandAll == true){
147                toggleAccordion.text("Expand All")
148                expandAll = false;
149            }
150        })
151
152        for (i = 0; i < acc.length; i++) {
153            acc[i].addEventListener("click", function () {
154                /* Toggle between adding and removing the "active" class,
155                to highlight the button that controls the panel */
156                this.classList.toggle("active");
157
158                /* Toggle between hiding and showing the active panel */
159                var panel = this.nextElementSibling;
160                if (panel.style.maxHeight) {
161                    panel.style.maxHeight = null;
162                    panel.style.paddingTop = null;
163                    panel.style.paddingBottom = null;
164                  } else {
165                    panel.style.maxHeight = ( panel.scrollHeight + 20) + "px";
166                    // panel.style.paddingTop = "5px";
167                    // panel.style.paddingBottom = "5.9em";
168                  }
169            });
170        }
171
172
173    });
174})(jQuery);