open an div with an animation

i was trying to make a portfólio and my problem is that i want to make a subcontent div that is related to the buttons ESCOLA, LINGUAGENS and EXPERIENCIAS, when these buttons are clicked the div will go from the top of the right frame to the bottom covering the buttons and showing the related content (i tried with JS but the "animation doens't work correclty, it needs to be clicked two times to work "), the third picture is actually the JS animation working, another problem is that when the back arrow is clicked the div slowly loses it height (for the animation) but it gets stuck when the div hits the arrow
No description
No description
No description
9 Replies
Jochem
Jochem8mo ago
if you link a live version, either in codepen or just the deployed site, people can see the problem in their own browser and help much more easily
ἔρως
ἔρως8mo ago
and before you publish it, you might want to swap the names of variables and functions to english not everybody can read portuguese
KIL3R323
KIL3R323OP8mo ago
sry about that
Jochem
Jochem8mo ago
you don't really have to, unless it makes talking about the code hard
KIL3R323
KIL3R323OP8mo ago
i dont think it will but it can help
ἔρως
ἔρως8mo ago
its just one less layer of friction to understand the code. it looks like a small file, so, that's why i said it
KIL3R323
KIL3R323OP8mo ago
https://codepen.io/pen?template=ExJLdea ok i tried to translate amlost everything
KIL3R323
KIL3R323OP8mo ago
i am not very good at css but for now thats the best i have, i will work on responsivity
ἔρως
ἔρως8mo ago
i will check this today
Want results from more Discord servers?
Add your server