Linux puskom-ProLiant-DL385-Gen10 5.4.0-150-generic #167~18.04.1-Ubuntu SMP Wed May 24 00:51:42 UTC 2023 x86_64
/home/puskom/mastur/post-grid/includes/blocks/accordion-nested/
//home/puskom/mastur/post-grid/includes/blocks/accordion-nested/front-scripts.js
 // * not working
document.addEventListener("DOMContentLoaded", function (event) {
	var accordionHeaders = document.querySelectorAll(".accordion-header");

	accordionHeaders.forEach((header, index) => {
		const counter = header.querySelector(".accordion-label-counter");
		console.log(counter);
		counter.textContent = `(${index + 1})`; // Adding 1 to start counting from 1
	});

	accordionHeaders.forEach((accordionHeader) => {
		var iconToggle = accordionHeader.querySelector(".accordion-icon-toggle");
		var iconIdle = accordionHeader.querySelector(".accordion-icon");

		if (iconToggle != null) {
			iconToggle.style.display = "none";
		}
	});

	var dataAccordionWrap = document.querySelectorAll("[data-accordion]");

	// if (dataAccordionWrap != null) {
	// 	dataAccordionWrap.forEach(function (element) {
	// 		var dataAccordionArgs = element.getAttribute("data-accordion");

	// 		if (dataAccordionArgs) {
	// 			var accordionWrap = document.querySelectorAll(".accordion-header");
	// 			var dataAccordionArgsObj = JSON.parse(dataAccordionArgs);
	// 			// console.log(dataAccordionArgsObj);
	// 			var icons = {
	// 				header: "accordion-icon",    // custom icon class
	// 				activeHeader: "accordion-icon accordion-icon-toggle" // custom icon class
	// 			};


	// 			var extraPram = {
	// 				classes: {
	// 					"ui-accordion-header": "accordion-header-active",
	// 					"ui-accordion-header-collapsed": "accordion-header",
	// 				},
	// 				//icons: icons,
	// 				activate: function (event, ui) {
	// 					console.log(ui);
	// 					// ui[0].classList.toggle("accordion-header-active");
	// 				},
	// 			};

	// 			// console.log(extraPram)

	// 			jQuery(element).accordion({ ...dataAccordionArgsObj, ...extraPram });
	// 		}
	// 	});
	// }

	// new work end

	if (accordionHeaders != null) {
		accordionHeaders.forEach((accordionHeader) => {
			// var fieldId = accordionHeader.getAttribute("id");

			var content = accordionHeader.nextElementSibling;

			var iconToggle = accordionHeader.querySelector(".accordion-icon-toggle");
			var iconIdle = accordionHeader.querySelector(".accordion-icon-idle");

			if (iconToggle != null) {
				iconToggle.style.display = "none";
			}

			if (content != undefined) {
				content.style.height = 0;
				content.style.overflow = "hidden";
				content.style.display = "none";
			}

			accordionHeader.addEventListener("click", (event) => {
				var isActive = accordionHeader.getAttribute("id");
				accordionHeader.classList.toggle("accordion-header-active");

				content.style.height = "auto";
				var height = content.scrollHeight;

				if (accordionHeader.classList.contains("accordion-header-active")) {
					if (iconToggle != null) {
						iconToggle.style.display = "inline-block";

					}
					content.style.display = "block";
					iconIdle.style.display = "none";
					content.style.height = "auto";
				} else {
					iconIdle.style.display = "inline-block";
					if (iconToggle != null) {
						iconToggle.style.display = "none";
					}

					content.style.display = "none";
					content.style.height = 0;
				}
			});
		});
	}
});



// // * working




// document.addEventListener("DOMContentLoaded", function (event) {
// 	var accordionHeaders = document.querySelectorAll(".accordion-header");

// 	accordionHeaders.forEach(function (accordionHeader) {
// 		var content = accordionHeader.nextElementSibling;
// 		var iconToggle = accordionHeader.querySelector(".accordion-icon-toggle");
// 		var iconIdle = accordionHeader.querySelector(".accordion-icon-idle");

// 		if (iconToggle != null) {
// 			iconToggle.style.display = "none";
// 		}

// 		if (content !== undefined) {
// 			content.style.height = "0";
// 			content.style.overflow = "hidden";
// 			content.style.display = "none";
// 		}

// 		accordionHeader.addEventListener("click", function (event) {
// 			var isActive = accordionHeader.classList.contains(
// 				"accordion-header-active"
// 			);

// 			accordionHeaders.forEach(function (header) {
// 				header.classList.remove("accordion-header-active");
// 				var content = header.nextElementSibling;
// 				var iconToggle = header.querySelector(".accordion-icon-toggle");
// 				var iconIdle = header.querySelector(".accordion-icon-idle");
// 				content.style.height = "0";
// 				content.style.display = "none";
// 				if (iconToggle != null && iconIdle != null) {
// 					iconToggle.style.display = "none";
// 					iconIdle.style.display = "inline-block";
// 				}
// 			});

// 			if (!isActive) {
// 				accordionHeader.classList.add("accordion-header-active");
// 				content.style.display = "block";
// 				content.style.height = "auto";
// 				if (iconToggle != null && iconIdle != null) {
// 					iconToggle.style.display = "inline-block";
// 					iconIdle.style.display = "none";
// 				}
// 			}
// 		});
// 	});
// });