constructor(element) { this.$element = $(element); this.$tabs = this.$element.find('.accordion__tab'); this.$innerConts = this.$element.find('.accordion__inner-cont'); this.$contents = this.$element.find('.accordion__content'); this.init(); } init() { this.$tabs.first().addClass('active'); this.$innerConts.first().addClass('active'); this.$tabs.click((e) => { e.preventDefault(); const $this = $(e.currentTarget); this.$tabs.not($this).add(this.$innerConts).removeClass('active'); this.$contents.not($this.next()).slideUp(); $this.toggleClass('active').parent().toggleClass('active'); $this.find('.icon').toggleClass('icon-up icon-down'); $this.next().slideToggle(); }); } // constructor(element) { // this.$element = $(element); // this.$tabs = this.$element.find('.faq__tab'); // this.init(); // } // init() { // $('.faq__tab:first, .faq__inner-cont:first').addClass('active'); // this.$tabs.click(function (e) { // e.preventDefault(); // $('.faq__tab, .faq__inner-cont').not(this).removeClass('active'); // $('.faq__content').not($(this).next()).slideUp(); // $(this).toggleClass('active'); // $(this).parent().toggleClass('active'); // $(this).find('.icon').toggleClass('icon-up icon-down'); // $(this).next().slideToggle(); // }); // }