onclick - 更改三个 div 的 Z-Index onclick

Question

好的，我有三层完美地叠在一起（layer1、layer2 和 layer3）。简单地说，当单击不同的 div（layer4、layer5 和 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>