What am I doing wrong?

Question

I'm trying to show the content when you hover over the button. Why wont it work?
https://code.sololearn.com/WGZH7r4U3P5F/?ref=app

Answer 1

IDK Daniel Cooper that appears to be using jQuery but I don't see any so it may be a drop-down built in to the library. it's also not doing anything on hover for me just onclick.

Answer 2

Ok thanks John Wells I didn't know that.

Answer 3

Okay. This works
https://code.sololearn.com/WY0Jrx708PQ0

Answer 4

I'm not positive but I think you will need a lil JavaScript to do that
https://developer.mozilla.org/en-US/docs/Web/Events/mouseover

Answer 5

It's not using any js or jq. That was added by me before I copied and pasted.

Answer 6

It's very possible. I have a code that does what I'm trying to achieve. But I don't understand how the person who wrote it got it to show on hover. Whenever I try the same thing, nothing happens.

Also, ignore line 10. I was experimenting when I saved it xD

https://code.sololearn.com/WGT24PcnSeS2/?ref=app
here's the dropdown I'm referring to

Answer 7

ignore the jquery. I forgot I added that when I copied and pasted.

Answer 8

bobbie phones don't hover without clicking. Use laptop and it should hover correctly.

Answer 9

But whenever I try changing display:none; to display:block; on hover, nothing happens.

So strange.

Answer 10

guys, I figured it out. I updated my code.

Answer 11

It just won't work when I hover the button. Maybe <input type="button"> will work.

Answer 12

nope. Would probably be best to just style a div

Answer 13

Ok guys. How's this?
https://code.sololearn.com/WZ4ML8Fptjx5/?ref=app

Answer 14

Ok guys. How's this?
https://code.sololearn.com/WZ4ML8Fptjx5/?ref=app

Answer 15

I'm not sure where you came up with CSS line 10, but it isn't valid as far as I've ever seen. Without JavaScript, I don't believe you can do what you want.