Bry.
Powiedzmy że mam takie coś:
<button id="tg">CLICK ME</button><br>
<div id="adjustHeightDiv">
<span id="s1">
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
</span>
<span id="s2">
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
</span>
<span id="s3">
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
adfgurf98yt32bkjfd<br>
</span>
</div>
i teraz chcę, żeby po zmianie s1_span.style.display = "none";
oraz np. s2_span.style.display = "inline";
mój div się rozszerzał w czasie dostosowując się do wysokości spana (płynnie)
Mam zdefiniowane odpowiednie onclick
dla elementu, który switchuje spany i zmienia ich widoczność. Jednak:
document.getElementById("adjustHeightDiv").style.transition = "height 1s";
Nie daje efektu. Co robię źle?