este es el link
http://www.learningjquery.com/2006/0...-show-and-hide
mipagina todavia no la cuelgo pero te paso el scrit completo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="../js/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/jquery.validate.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#asociado").hide();
$("#asociar").hide();
$("#agregar").click(function(){
$("#agregar").hide("slow");
$("#asociado").show("slow");
$("#asociar").show("slow");
});
});
</script>
<script type="text/javascript">
jQuery.validator.setDefaults({
success: "valid",
onsubmit: true
});;
</script>
<script>
$(document).ready(function(){
$("#form1").validate({
rules: {
asociado: "required"
}
});
});
</script>
<style>
#asociado, label { float: left; font-family: Arial, Helvetica, sans-serif; font-size: small; }
#asociado.error { border: 1px solid red; }
br { clear: both; }
label.error {
padding-left: 16px;
margin-left: .3em;
}
</style>
</head>
<body>
<div style="width:500px; background-color: #00a2b8; >Asociados de la empresa</div>
<br />
<br>
<table width="637" border="1" cellpadding="0" cellspacing="0" >
<tr>
<th width="88">N° de Asociado</th>
<th width="451">Nombre del Asociado</th>
<th width="90">Acción</th>
</tr>
<tr>
<td><?php echo'1' ;?></td>
<td><?php echo 'banca y seguros';?></td>
</tr>
</table>
<br />
<form id="form1" method="post" action="agrega_asociado.php">
<input type="hidden" name="idempresa" id="idempresa" value="<?php echo 3;?>"/>
<table width="638" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right"></td>
<td width="250" align="right"><input type="button" name="agregar" id="agregar" value="Añadir Asociado" /></td>
</tr>
<tr align="right">
<td width="388" ><input type="submit" name="asociar" id="asociar" value="Agregar" /></td>
<td ><select id="asociado" name="asociado" title=" " >
<option value="">Seleccione</option>
<option value="1">asociado1</option>
<option value="2">asociado2</option>
</select></td>
</tr>
</table>
<br/>
</form>
</body>
</html>