@keyframes timeout-hide {
    0% { }
    99% { }
    100% { 
        height: 0;
        padding: 0;
        margin: 0;
    }
}

@keyframes timeout-show {
    0% { 
        height: 0;
        padding: 0;
        margin: 0;
    }
    99% { 
        height: 0;
        padding: 0;
        margin: 0;
    }
    100% { }
}

.swap-child > *:nth-child(1) {
    animation: timeout-hide 10s linear 0s 1 normal forwards;
    overflow: hidden;
}
.swap-child > *:nth-child(2) {
    animation: timeout-show 10s linear 0s 1 normal forwards;
    overflow: hidden;
}