CODEWITHSUNDEEP
jquery
utopia
utopia

Reputation: 177

Problem with elements that overlaped each other and hover

I have this script. Element with class "help" and id "help" overlap each other. I want with hover on ".help" the "#help" show. But when click on ".onHelp" the "#help" couldnt close. What is solution for such elements?

Thanks in advance

(I have edited jsfiddle)

Upvotes: 1

Views: 102

Answers (3)

Abdul Kader
Abdul Kader

Reputation: 5842

Your .onHelp is overlapped by the .help that's why click event didn't get trigged. Either add z-index or change the postion of .onHelp div.See the updated jsfiddle

Upvotes: 1

Vivek
Vivek

Reputation: 11028

i think it's working fine here...

change motorola1.3.2 to jquery1.4 or whatever...in jsfidle :)

Upvotes: 0

Litek
Litek

Reputation: 4888

Your #help div is under .help, while it should be in front, covering the "hover me" text. Adding positive z-index value to #help.

Upvotes: 2

Related Questions