I've tried various methods to solve this issue, but none have been successful so far.
To better illustrate my problem, I have created a FIDDLE. When the button is clicked, a hidden element is displayed. However, it does not adjust the footer position and appears below it instead. How can this be fixed?
Even when tested in Chromium, my Fiddle still doesn't work as intended.
HTML
<div class="wrapper">
<div class="content">
<div class="text">
Blablablabla
<div class="button">
click me
</div>
</div>
<div class="text2">
YADAYDAYDAYDAYDAYDAYDAYDA
</div>
</div>
</div>
<div class="footer">
</div>
jQuery
$('.text2').hide();
$('.button').on('click', function() {
$('.text2').toggle();
});