Product Information Need a little muscle help? HAPI Creatine is here to give you the boost you need! HAPI Creatine keeps production up in working muscles. With our creatine, you will not have to worry about dietary restrictions standing in your way of getting the most out of your workout! HAPI Creatine is vegan and soy free, making it perfect for anyone looking for an effective supplement. This is a final sale item. Benefits Elevate Performance. Support Recovery. Maximize Muscle Growth. Ingredients Creatine monohydrate How to Use Mix 1 serving (5 grams) with water, shakes, or your choice of beverage and consume once daily. Add to your pre-workout supplement, BCAAs, or protein shake post-workout.Use on training and non-training days .accordion { border-top: 1px solid #ccc; } .accordion-item { border-bottom: 1px solid #ccc; } .accordion-header { padding: 15px; cursor: pointer; font-size: 18px; display: flex; justify-content: space-between; align-items: center; color: #1a237e; font-weight: bold; } .accordion-header:hover { background-color: #f9f9f9; } .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding: 0 15px; font-size: 16px; color: #333; } .accordion-content.open { padding: 15px; } .accordion-header::after { content: "+"; font-weight: bold; transition: transform 0.3s; } .accordion-header.active::after { content: "-"; } .width-set img { width: 400px; } .main-header_img img { width: 80%; } .second-mega a { text-decoration: none; color: #000000; } li.all-collection a { text-decoration: none; } const headers = document.querySelectorAll('.accordion-header'); const contents = document.querySelectorAll('.accordion-content'); headers.forEach((header, index) => { header.addEventListener('click', () => { const content = header.nextElementSibling; const isOpen = content.style.maxHeight; // Close all contents.forEach(c => { c.style.maxHeight = null; c.classList.remove('open'); }); headers.forEach(h => { h.classList.remove('active'); }); // Toggle clicked one if (!isOpen) { content.style.maxHeight = content.scrollHeight + 'px'; content.classList.add('open'); header.classList.add('active'); } }); }); // Open ONLY the first section on page load window.addEventListener('DOMContentLoaded', () => { const firstHeader = document.querySelector('.accordion .accordion-item:first-child .accordion-header'); const firstContent = document.querySelector('.accordion .accordion-item:first-child .accordion-content'); if (firstHeader && firstContent) { firstHeader.classList.add('active'); firstContent.classList.add('open'); firstContent.style.maxHeight = firstContent.scrollHeight + 'px'; } });
