I came across a question with an answer regarding hiding and showing elements using CSS: CSS hide element, after 5 seconds show it
However, my objective is to hide element a while simultaneously revealing element b.
Please take a look at the code I am currently using:
#showthiscolumn {
animation: cssAnimation 0s 5s forwards;
visibility: hidden;
}
@keyframes cssAnimation {
to { visibility: visible; }
}
#hidethiscolumn {
animation: cssAnimation 0s 5s forwards;
visibility: visible;
}
@keyframes cssAnimation {
to { visibility: hidden; }
}
The element with ID #hidethiscolumn functions as expected, however, the content of #showthiscolumn does not become visible. Any insights on this issue would be greatly appreciated.