بایگانی‌های روشنایی خودرو - هدلایت | هدلایت شاپینگ|قیمت هدلایت|قویترین هدلایت

هدلایت شاپینگ | هدلایت | هدلایت ماشین و موتور وبلاگنوشته ها با برچسب "روشنایی خودرو"

document.addEventListener('DOMContentLoaded', function() { const toggleButtons = document.querySelectorAll('.toggle-article-button');toggleButtons.forEach(button => { button.addEventListener('click', function() { const hiddenContent = this.nextElementSibling; // محتوای بعدی دکمهif (hiddenContent && hiddenContent.classList.contains('hidden-article-content')) { if (hiddenContent.style.display === 'none' || hiddenContent.style.display === '') { hiddenContent.style.display = 'block'; this.textContent = 'پنهان کردن مقاله'; } else { hiddenContent.style.display = 'none'; this.textContent = 'نمایش مقاله'; } } }); }); });// CSS برای پنهان کردن اولیه مقاله // این قسمت را مستقیماً به CSS اضافی وردپرس هم می‌توانید اضافه کنید const style = document.createElement('style'); style.innerHTML = ` .hidden-article-content { display: none; background-color: #f0f0f0; padding: 15px; border-radius: 5px; margin-top: 10px; } .toggle-article-button { background-color: #007bff; color: white; padding: 8px 15px; border: none; border-radius: 4px; cursor: pointer; } .toggle-article-button:hover { background-color: #0056b3; } `; document.head.appendChild(style);

برای مخفی شدن نوار مقایسه، بیرون از کادر کلیک کنید

مقایسه