✦ Verified product
PENDIENTES TRIPLE CORAL
EUR 69.00
MATISET
Verified independent store
→
Descripción Pendientes con perlas en los extremos y 3 filas de coral mediterráneo de origen siciliano enlazado con pequeñas cadenas de plata bañada en oro. El cierre del pendiente
es con garra. Composición Plata 925 bañada en oro 22K. Perla natural y coral de origen siciliano (Italia). Descubre toda nuestra colección de pendientes. Medidas Largo: 7.5 cm Ancho: 1 cm /* Contenedor general */ .product-accordion { border-radius: 8px; overflow: hidden; font-family: inherit; } /* Cada sección */ .accordion-item { border: 1px solid #ddd; margin-bottom: 0.5rem; border-radius: 8px; background-color: #fafafa; overflow: hidden; } /* Header del desplegable */ .accordion-header { width: 100%; text-align: left; padding: 0.75rem 1rem; font-weight: bold; cursor: pointer; border: none; background: none; position: relative; outline: none; transition: color 0.3s ease, background-color 0.3s ease; color: inherit; } /* Triángulo */ .accordion-header::after { content: "▸"; position: absolute; right: 1rem; transition: transform 0.3s ease, color 0.3s ease; color: inherit; } /* Contenido del desplegable */ .accordion-content { max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.5s ease, opacity 0.5s ease, padding 0.5s ease; padding: 0 1rem; } /* Cuando está abierto */ .accordion-item.active .accordion-content { opacity: 1; padding: 0.5rem 1rem; } .accordion-item.active .accordion-header::after { transform: rotate(90deg); color: #000; } .accordion-item.active .accordion-header { color: #000; } document.querySelectorAll('.accordion-item').forEach(item => { const header = item.querySelector('.accordion-header'); const content = item.querySelector('.accordion-content'); header.addEventListener('click', () => { const isOpen = item.classList.contains('active'); // Cierra todos los demás document.querySelectorAll('.accordion-item').forEach(i => { i.classList.remove('active'); i.querySelector('.accordion-content').style.maxHeight = null; }); // Abre el seleccionado if (!isOpen) { item.classList.add('active'); content.style.maxHeight = content.scrollHeight + "px"; } }); });
