jQuery(function () {
	axAccordion();
});

function axAccordion () {

	var estructureAccordion = "";
	var title, content;

	jQuery(".ax-accordion").each(function(index, el) {

		jQuery(this).find(">li").each(function(index, el) {
			//Get accordion title
			title = jQuery(this).find(">*:first-child");
			if (index != 0 ) {
				estructureAccordion += "<h4 class='ax-accordion__title'>"+title.text()+"</h4>";
			}else {
				estructureAccordion += "<h4 class='ax-accordion__title ax-accordion__title--active'>"+title.text()+"</h4>";
			}
			title.remove();
			//Get accordion content
			estructureAccordion += "<div class='ax-accordion__content'><div class='ax-accordion__content-wrap'>"+jQuery(this).html()+"</div></div>";
			jQuery(this).remove();
		});
		//Add estructure accordion
		jQuery(this).after("<div class='ax-accordion'>"+estructureAccordion+"</div>");
		estructureAccordion = "";
		jQuery(this).remove();

	});

	clickAccordion ();

}

function clickAccordion () {
	jQuery(".ax-accordion__title").click(function(e) {
		e.preventDefault();
		var $this = jQuery(this);
		if (!$this.hasClass('ax-accordion__title--active')) {
			$this.parent().find(".ax-accordion__title").removeClass('ax-accordion__title--active');
		}
		$this.toggleClass('ax-accordion__title--active');
	});
}