Silber 925
Silberarmband ILoveYou
Silberarmband ILoveYou
- Universelle Größe ? Dieses Produkt ist universell für jedermann einsetzbar, da es für alle Größen geeignet ist
Verfügbarkeit für Abholungen konnte nicht geladen werden
🎃 Halloween-Sonderaktion ↓
- Kaufe 1, erhalte 20% auf das 2. Produkt.
- Kaufe 2, erhalte 55% auf das 3. Produkt.
- Kaufe 3, erhalte 80% auf das 4. Produkt.
Mit jedem Kauf spendest du 1 € für Umwelt & soziale Projekte.
Mit Garantie Geld-zurück-Garantie – Ihre Zufriedenheit steht für uns an erster Stelle.
<style>
.find-more {
cursor: pointer;
text-decoration: none;
transition: transform 0.3s ease-in-out;
position: relative;
}
.find-more::after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
border-bottom: 2px solid #bfa181;
}
.more-info {
margin-top: 10px;
transform-origin: top;
transition: max-height 0.3s ease-in-out;
max-height: 0;
overflow: hidden;
}
.arrow {
display: inline-block;
width: 0;
height: 0;
border: 5px solid transparent;
border-bottom: 5px solid #333;
margin-left: 5px;
transition: transform 0.3s ease-in-out;
}
.arrow {
transform: rotate(180deg);
}
</style>
<div class="container" style="padding: 0px;">
<p class="find-more" onclick="toggleInfo('vorteile-info')">Produktdetails:<span class="arrow"></span></p>
<div id="vorteile-info" class="more-info">
<p><span style="color: #bfa181">•</span> Material: Silber 925<br>
<span style="color: #bfa181">•</span> Behandlungsverfahren: Galvanisieren<br>
<span style="color: #bfa181">•</span> Packungsinhalt: X1</p>
</div>
</div>
<script>
function toggleInfo(infoId) {
const moreInfoDiv = document.getElementById(infoId);
const findMoreButton = moreInfoDiv.previousElementSibling.querySelector('.arrow');
const expanded = moreInfoDiv.classList.contains('expanded');
if (!expanded) {
moreInfoDiv.style.maxHeight = moreInfoDiv.scrollHeight + 'px';
findMoreButton.style.transform = 'rotate(0deg)';
moreInfoDiv.classList.add('expanded');
} else {
moreInfoDiv.style.maxHeight = '0';
findMoreButton.style.transform = 'rotate(180deg)';
moreInfoDiv.classList.remove('expanded');
}
}
</script>
