z-index problem

[grantSenior]

Hello. Can anybody help me solve this problem please?

I have a menu tab sliding out from a side bar, all works nicely, it’s just that when the tab slides back I can’t get the sliding
in tab to go “behind” the top div. I’m pretty sure I have the z-index correct for all the elements, but obviously something’s not right.

Here’s a link to see it in action
http://www.thewebsitedeveloper.co.nz/thingsToTest/slideOut/isolatedSlideoutTest.html

Any help greatly appreciated.

Here’s a link to the relevant code on CodePen

http://codepen.io/Grant/pen/gCqIv

[grantSenior]

deleted

[Kitty Giraudel]

There you go: http://jsfiddle.net/4BCDD/

Please, when you make a reduced test case, make it right. It took me almost 5 minutes to clean the code, remove unused parts, replace images and fix indentation before even starting to work on your problem.

[grantSenior]

Thanks Hugo!

Point taken, I will make things a lot tidier next time.

Thank you again for your help.

[Author]

Posts