How can i make this animation toggle?

Question

https://code.sololearn.com/Wu1UuzhtIS73/?ref=app

Answer 1

Can you explain what you mean by toggle? you mean it grows taller then shrinks? or is it something different?

Testing `onmouseover` event handler on a phone is somewhat difficult though.

Answer 2

Jeremy Cruz ,please always provide full description of your problem whenever asking question 😊

I have tried to explain through this code. Don't read only js part. consider reading html, css and js as well.

I have used transition-duration property in css that will avoid rigid change made by js.

Read completely :
https://code.sololearn.com/W2AWWRQcA9b3/?ref=app

Answer 3

Jeremy Cruz ,I know you'll not copy bro 😉.

You have been learning since a long. evertime you asked me you tried to do it at first place. I appreciate you tried to do this on your own first.

keep doing you'll be good programmer. 🤝

Answer 4

Nvm, I now understand. I had to read the explaination a couple of times but i finally got it

Answer 5

When onmouseover it expands to 100% and shrinks to 50% when onmouseout

Answer 6

Thanks

Answer 7

And i wont just copy

Answer 8

Thanks. I appreciate your help

Answer 9

Im not understanding this change, "animation(this)" ==> "animation(mydiv)"