document.addEventListener("DOMContentLoaded", function () { const showButtons = document.querySelectorAll(".show-content-btn"); const hideButtons = document.querySelectorAll(".hide-content-btn"); // زر الإظهار showButtons.forEach(function (showButton) { showButton.addEventListener("click", function () { const parent = this.parentNode; const content = parent.querySelector(".content"); const hideButton = parent.querySelector(".hide-content-btn"); content.style.display = "block"; hideButton.style.display = "inline-block"; setTimeout(function () { content.style.opacity = "1"; hideButton.style.opacity = "1"; }, 10); showButton.style.display = "none"; }); }); // زر الإخفاء hideButtons.forEach(function (hideButton) { hideButton.addEventListener("click", function () { const parent = this.parentNode; const content = parent.querySelector(".content"); const showButton = parent.querySelector(".show-content-btn"); content.style.opacity = "0"; hideButton.style.opacity = "0"; setTimeout(function () { content.style.display = "none"; hideButton.style.display = "none"; showButton.style.display = "inline-block"; }, 300); }); }); });