我在 Internet 上看到了一些示例,但它们并没有以我需要的方式为我工作,当我单击与id
一个href
相同的那个时,div
它会向我显示隐藏的表格。
代码
<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>
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();
});
这是怎么回事?我有一些影响很小的表格,例如:
REGISTRAR ESTUDIANTES | ACTUALIZAR ESTUDIANTES | DB STUDENTS <-(ESTOS SON LINKS)
每次点击一个链接,一个是隐藏的,另一个是用一个表格显示的。我想要的是当我点击LINK DB STUDENTS
它时,我放的表格会显示出来style= 'none'
,因为如果我删除这个属性或样式,它就是体现在所有环节。
简而言之,只有在DB STUDENTS
我单击隐藏表时才会出现。
我希望你让我理解,我很感激你的兴趣。
注意
id
重复,html
这个问题不应该有重复。在这种情况下,使用
id
and this is duplicate 往往会隐藏第一个找到链接的链接。现在解决你的情况将是这样使用
id
独特的:不要使用重复的 id,id 的平均标识符,尽量使这些唯一标识符,如果你有两个相似的容器更好使用类