[How do get on thing to disappear and the other appear?]

Thank you sooo much! That helps a lot!

[How do get on thing to disappear and the other appear?]

I currently have tow issue:

 

1. I have two divs stacked on top of each other and would like to able to show the content of each at a time by clicking on the tabs on the right. I also want the content to be scrollable as there is a lot of information in each div. It seems that the divs are interfering with each other as scrolling only works if I remove one of the divs.

 

2.  When I click on the second tab, the animation does not completely work

 

(For some reason my code works in my code editor but not in code pen)

See the Pen NVYVOZ by namjoonforpresident (@namjoonforpresident) on CodePen

[SVG fill animation]

I've been trying to have the fill colour of this SVG change on hover, but I'm not having any luck. So far all it does increase in size when I hover over it. I'm not sure what other way I can go about accomplishing this.  Any suggestions?

 

I'm sorry about all the files, I can't seem to get the image to show on codepen...

 

am-tranparent.svg index.html main.css main.js

critical_massive_microphone_illo.svg

[Reverse Animation]

That was really helpful. Thank you!

[Reverse Animation]

I'm having some trouble with reversing this animated svg. I've already attempted the reverse yoyo method but it didn't work, thought I could have done it wrong. Any help would be appreciated

See the Pen RePPxR by namjoonforpresident (@namjoonforpresident) on CodePen