Вот визуальное представление моей проблемы: https://jsfiddle.net/obg3p80d/
JS
function showhide(num){
if ($("#box" + num).css('display') == 'none') {
$("#box" + num).fadeIn();
}
else {
$("#box" + num).fadeOut();
}
}
Например: если вы скрываете box1, оно исчезает плавно, но другие элементы автоматически телепортируются, чтобы заполнить пробел.
Есть ли способ сделать телепорт более гладким?
Я бы попытался оживить их один за другим, однако я не выяснил, как определить их целевое местоположение, потому что оно постоянно меняется.