hola isabel lo hice así pero no funciona en explorer
que puedo hacer
Código Javascript
:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript">
function desaparecer(pes) {
document.getElementById(pes.id).className=" a2";
var capas = document.getElementsByClassName('a');
for(var i = 0; capas[i]; i++)
{
capas[i].style.display = "none";
}
}
</script>
<style type="text/css">
<!--
.a{
background-color: #FFCC33;
border: thin solid #000000;
}
.a2{
background-color: #0033CC;
border: thin solid #000000;
display:block;
}
-->
</style>
</head>
<body >
<div id="jjj" class="a" onclick="desaparecer(this)">1 cambiar y da click </div>
<div id="dos" class="a" onclick="desaparecer(this)">2 cambiar y da click</div>
<div id="tres" class="a" onclick="desaparecer(this)">3 cambiar y da click</div>
<div id="cuatro" class="a" onclick="desaparecer(this)">4 cambiar y da click</div>
<div id="cinco" class="a" onclick="desaparecer(this)">5 cambiar y da click</div>
</body>
</html>