Hola, estoy trabajando en una pagina para editar los datos de una base de datos, y quiero que salgan 2 nombres, y al hacer clip a alguno de ellos, se despliegue su respectivo formulario, quiero que se utilize solo css, sin javascript. espero puedan ayudarme, yo tengo es esto, pero no es lo que quiero, espero puedan ayudarme
Código HTML:
<!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=iso-8859-1" />
<title>Switch menu</title>
<style type="text/css">
body {
text-align:center;
margin:30px;
}
#contenedor {
width:220px;
height:20px;
}
#bateador {
background:#CECECE;
width:220px;
height:20px;
font-family:Verdana;
font-size:12px;
text-align:right;
}
#bateador:hover {
width:250px;
height:200px;
}
</style>
</head>
<body>
<div id="contenedor">
Nombre del Bateador
<div id="bateador">
<form action="index.php?accion=" method="post" name="form_jugador" onclick="this.hideFocus=true">
<label for="stNombre">
Nombre:
</label>
<input type="text" id="stNombre" name="stNombre" value="<?=$jugador[''];?>"onclick="this.hideFocus=true" />
<br />
<label for="floatAB">
AB:
</label>
<input type="text" id="floatAB" name="floatAB" value="<?=$jugador[''];?>" />
<br />
<label for="floatH">
H:
</label>
<input type="text" id="floatH" name="floatH" value="<?=$jugador[''];?>" />
<br />
<label for="floatHR">
HR:
</label>
<input type="text" id="floatHR" name="floatHR" value="<?=$jugador[''];?>" />
<br />
<label for="floatCA">
CA:
</label>
<input type="text" id="floatCA" name="floatCA" value="<?=$jugador[''];?>" />
<br />
<label for="floatCI">
CI:
</label>
<input type="text" id="floatCI" name="floatCI" value="<?=$jugador[''];?>" />
<br />
<label for="floatAVG">
AVG:
</label>
<input type="text" id="floatAVG" name="floatAVG" value="<?=$jugador[''];?>" />
</form>
</div>
</div>
</html>