mostrar y ocultar ids

[engonga]

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?

[oms02]

Hola engonga.

Bueno...como siempre yo sin saber a ciencia cierta si he entendido bien..

Quieres que simplemente muestre y oculte la informacion extra de una muestra al hacer click???

A ver si es esto...

Código Javascript:

function mostrarinfo (idmostrar){
    //$('.info_extra').addClass('invisible');
    $(idmostrar).toggleClass('invisible');
}
 

pd:

me he liado un poco con el css pq estoy entendiendo que a la clase "invisible" deberias darle el atributo de visible.

He utilizado este codigo css

Código CSS:

.info_extra {display:none;}
.invisible {display:inline;}
 

sip??

1 saludo!!
-------------------------------
EDITO:

ya lo he pillado mejor. Digamos que segun tu codigo, al inicio la informacion extra es visible y con el js le das la clase "invisble", la cual como dice la palabra....

Prueba a, directamente desde el principio ocultarla, y en funcion del click hacer visible o no.
(asi lo he hecho en la solucion que te propongo).

[engonga]

gracias oms02

pero me hace un toggle solo de la id

por ejemplo tengo la id1, la id2 y la id3 si hago click en la id1 me escondera las info extras de la id2 e id3 si alguna de estas dos estuviera mostrandose?

igual si esta mostrandose la informacion extra de la id1 y hago click en la id3 se me esondera la info extra del id1 y se me mostrara la info extra del id3?

[oms02]

Hola engonga.

Creo que te habia entendido mal.

A ver si ahora te he entendido mejor:

Código Javascript:

function mostrarinfo (idmostrar){
    $('.info_extra').not(idmostrar).removeClass('ver');
    $(idmostrar).toggleClass('ver');
}
 

si no, tendras que explicarmelo mejor, que igual estoy un poco tonto...

Espero que te sirva!

P.D: he cambiado lo que llamaba en el post anterior la clase "invisible" por la clase "ver" (que es bastante mas intuitivo con lo que haciamos).