document.getElementById('myButton').addEventListener('click', function() { // مخفی کردن دکمه 'myButton' با انیمیشن this.classList.remove('fade-in'); this.classList.add('fade-out'); // مخفی کردن المان‌های با کلاس 'test' با انیمیشن document.querySelectorAll('.test').forEach(function(element) { element.classList.remove('fade-in'); element.classList.add('fade-out'); });// نمایش دکمه 'test2' با انیمیشن var test2Button = document.getElementById('test2'); test2Button.classList.remove('fade-out'); test2Button.classList.add('fade-in'); test2Button.style.visibility = 'visible'; // نمایش المان‌های با کلاس 'test3' با انیمیشن document.querySelectorAll('.test3').forEach(function(element) { element.classList.remove('fade-out'); element.classList.add('fade-in'); element.style.visibility = 'visible'; }); });document.getElementById('test2').addEventListener('click', function() { // مخفی کردن دکمه 'test2' با انیمیشن this.classList.remove('fade-in'); this.classList.add('fade-out'); // نمایش دکمه 'myButton' با انیمیشن var myButton = document.getElementById('myButton'); myButton.classList.remove('fade-out'); myButton.classList.add('fade-in'); myButton.style.visibility = 'visible';// نمایش المان‌های با کلاس 'test' با انیمیشن document.querySelectorAll('.test').forEach(function(element) { element.classList.remove('fade-out'); element.classList.add('fade-in'); element.style.visibility = 'visible'; }); // مخفی کردن المان‌های با کلاس 'test3' با انیمیشن document.querySelectorAll('.test3').forEach(function(element) { element.classList.remove('fade-in'); element.classList.add('fade-out'); }); });