He visto por Internet unos ejemplos pero no me han funcionado de la manera que requiero, y es que cuando yo le de clic a el id
de un href
que es el mismo de un div
me muestre la tabla que esta oculta.
CODIGO HTML
<a href="#" id="display_table_students"> DB STUDENTS</a>
<br>
<div id="display_table_students" style="display: block;">
<table id="table_student" class="display" cellspacing="0" width="100%" style="display: none">
<thead>
<tr>
<th>Nombre</th>
<th>Apellido</th>
<th>Correo</th>
<th>Editar</th>
</tr>
</thead>
</table>
</div>
CODIGO JS
$('#display_table_students').click(function(e)
{
$("#formNewStudent").delay(100).fadeIn(100);
$("#formUpdatePassword").delay(100).fadeIn(100);
$("#formNewStudent").fadeOut(100);
$("#formUpdatePassword").fadeOut(100);
$('#register-form-link').removeClass('active');
$('#login-form-link').removeClass('active');
$(this).addClass('active');
e.preventDefault();
});
¿Que es lo que pasa? que tengo unos formularios con un pequeño efecto ej:
REGISTRAR ESTUDIANTES | ACTUALIZAR ESTUDIANTES | DB STUDENTS <-(ESTOS SON LINKS)
Cada ves que oprimo un link se oculta uno y se muestra el otro con un formulario lo que deseo es cuando de click en el LINK DB STUDENTS
se muestre la tabla a la cual le puse un style= 'none'
ya que si le quito este atributo o estilo se me ve reflejada en todos los links.
En pocas palabras que unica y exclusivamente apenas de click en DB STUDENTS
me aparezca la tabla oculta.
Espero me haya hecho entender y agradezco el interes.
.delay(100)
si usas.fadeIn(100)
el 100 es eldelay
delfadeIn
fadeIn
es la duración de la animación, me confundí, disculpa