hola tengo una tabla donde tengo uns <tr>
con un link que cuando clico me muestran en <tr> que esta en el <tr> superior
Código HTML:
<tr>
<td>pureba1</td>
<td onclick="mostrarinfo('#ext1'); return false;">muetra1</td>
</tr>
<tr class="colorfondo info_extra" id="ext1">
<td colspan="2">informacion extra1</td>
</tr>
<tr>
<td>pureba2</td>
<td onclick="mostrarinfo('#ext2'); return false;">muetra2</td>
</tr>
<tr class="colorfondo info_extra" id="ext2">
<td colspan="2">informacion extra2</td>
</tr>
la función es la siguiente
Código HTML:
function mostrarinfo(idmostrar){
//$(".nombre_rest").click(function () {
$('.info_extra').addClass('invisible');
$(idmostrar).toggleClass('invisible');
};
cuando clico en la muestra1 se me muestra la información de la ext 1 pero si vuelvo a clicar no me hace el toggleClass y no me lo oculta
alguien sabe por que es debido?