jQuery alternar cambia el ancho del elemento? Yo no quiero que

Question

que actualmente tiene una tabla que tiene una anchura de 94%, y la siguiente de palanca fijado a la misma:

$(document).ready(function(){ 

     $("#moreinfo").hide(); 

     $("#toggleinfo").click(function() { 
      $("#moreinfo").toggle('normal'); 
     }); 

    }); 

posibles para esta opción bien, pero tan pronto como se pulsa varias, el ancho va muy pequeño y no tengo idea de por qué. Si elimino el hide() es el ancho correcto, pero de nuevo tan pronto como empiezo a alternarlo, el ancho cambia automáticamente de tamaño.

acaba de intentar el siguiente CSS también:

#moreinfo { width: 94% !IMPORTANT; } 

Editar: parece eliminar completamente cualquier ancho aplicada a través de CSS cuando activarlo

Edit2: Envolviéndolo dentro de otro div obras! No es ideal, pero no es una mala solución, supongo.

¿Alguna manera de detener esto por favor?

Answer 1

La función jQuery toggle() establece su elemento de destino ('#moreinfo' en este caso) en display: block. Es solo una suposición sin ver su CSS o HTML, pero estoy escogiendo que la tabla, cuando se cambia su propiedad de visualización, se está colocando o presentando incorrectamente.

Puede evitar esto envolviendo su elemento moreinfo en otro div con display: inline o position: relative? Pero eso es solo una suposición. ¿Los diferentes navegadores muestran el mismo resultado?