CODEWITHSUNDEEP
jqueryhtmlcss
Dharmesh
Dharmesh

Reputation: 973

Slide one DIV over another DIV

I want to slide down a div on top of all element on the page. I have set z-index of sliding DIV to 999 but still not working. Here is my demo code. (select latest jQuery version on load)

You can see that on hovering over a last div of first row a DIV is being slide down beneath the other 2 DIVs on 2nd row.

Upvotes: 0

Views: 4443

Answers (1)

Lorenzo Marcon
Lorenzo Marcon

Reputation: 8169

Try to update line 16 of your javascript code from:

$(this).next("div:(:visible)").css("position": "absolute");

to

$(this).next("div:(:visible)").css({"position": "absolute", "z-index": 1});

that shoud do the trick. To see it in action: http://jsfiddle.net/MQr5g/4/

Upvotes: 2

Related Questions