改变三个div的Z-Index onclick

Question

好的我有三层完美贴合在彼此之上（layer1，layer2＆amp; layer3）。当我点击一个不同的div（layer4，layer5＆amp; layer6）时，我想做的就是让一个在顶部。我可以使用两个图层来处理这个问题，但是当我添加三个图层时，第三个图层似乎粘在一起，我在Dreamweaver中遇到错误。任何帮助，将不胜感激。

<div id="layer1">
</DIV>

<div id="layer2">
</DIV>

<div id="layer3">
</DIV>

<div id="layer4" onClick="document.getElementById('layer1').style.zIndex='10'", "document.getElementById('layer2').style.zIndex='30'",
"document.getElementById('layer3').style.zIndex='20'">
</DIV>
<div id="layer5" onClick="document.getElementById('layer1').style.zIndex='30'", "document.getElementById('layer2').style.zIndex='10'", "document.getElementById('layer3').style.zIndex='20'">
</DIV>
<div id="layer6" onClick="document.getElementById
('layer1').style.zIndex='10'", "document.getElementById
('layer2').style.zIndex='20'", "document.getElementById
('layer3').style.zIndex='30'">
</DIV>