Appy - FAQ sections

faq-1

Lorem ipsum dolor sit?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit quas temporibus aliquam qui. Culpa, vero.

Why choose us?

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempore, explicabo rem. Corrupti quas autem similique exercitationem deleniti inventore?

How it works?

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eaque nihil quae sapiente nostrum facere nobis quos facilis odit fuga assumenda.

How old we are?

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempore, explicabo rem. Corrupti quas autem similique exercitationem deleniti inventore?

Show code


// faq accordion
$(function () {
	var Accordion = function (el, multiple) {
		this.el = el || {};
		this.multiple = multiple || false;

		// Variables privadas
		var links = this.el.find('.link');
		// Evento
		links.on('click', { el: this.el, multiple: this.multiple }, this.dropdown)
	}

	Accordion.prototype.dropdown = function (e) {
		var $el = e.data.el;
		var $this = $(this);
		var $next = $this.next();

		$next.slideToggle();
		$this.parent().toggleClass('open');

		if (!e.data.multiple) {
			$el.find('.submenu').not($next).slideUp().parent().removeClass('open');
		};
	}

	var accordion = new Accordion($('.accordion'), false);
});
// faq accordion

name

Styles for this element are stored in:

app/sass/componentsStyles/_faq-1.sass

faq-2

Lorem ipsum dolor sit amet?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, atque deleniti. Fuga non suscipit odit unde dolor, neque tempora quidem minima saepe consectetur asperiores, cupiditate nulla enim, blanditiis est.

Lorem ipsum dolor sit?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit quas temporibus aliquam qui. Culpa, vero.

Lorem ipsum dolor sit, amet consectetur adipisicing?

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Commodi officia beatae ab praesentium quae incidunt ipsum. Quos repellendus in eum assumenda?.

Lorem ipsum?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit quas temporibus aliquam qui. Culpa, vero.

Lorem ipsum dolor?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit quas temporibus aliquam qui. Culpa, vero.

Show code


// faq-2 accordion
$(function () {
	var Accordion = function (el, multiple) {
		this.el = el || {};
		this.multiple = multiple || false;

		// Variables privadas
		var links = this.el.find('.link');
		// Evento
		links.on('click', { el: this.el, multiple: this.multiple }, this.dropdown)
	}

	Accordion.prototype.dropdown = function (e) {
		var $el = e.data.el;
		var $this = $(this);
		var $next = $this.next();

		$next.slideToggle();
		$this.parent().toggleClass('open');

		if (!e.data.multiple) {
			$el.find('.submenu').not($next).slideUp().parent().removeClass('open');
		};
	}

	var accordion = new Accordion($('.accordion_2'), false);
});
// faq-2 accordion

name

Styles for this element are stored in:

app/sass/componentsStyles/_faq-2.sass