Cita:
Iniciado por gebremswar 
Hola ananda, que tal.
Olvido? Pero si tu penúltimo mensaje es de ayer.
Si lo que deseas es pronta ayuda, lo mejor es que compartas tu código completo y de ser muy extenso quitar lo innecesario.
Yo copie tu código y lo introduje en sus respectivas etiquetas html, body, script, style, etc. Y sin modificar nada solo obtuve en el navegador un botón verde con demasiado margen izquierdo y un exagerado margen negativo superior.
Si lo que quieres es una respuesta acertada, lo mínimo que puedes hacer es facilitamos el trabajo.
Ok, tienes razón, te dejo el código completo a ver si ves donde esta el error
Código PHP:
<html etc>
<script type="text/javascript">
$(document).ready(function(){
$(".editar").click(function(){
$(".editar").animate({width:414},"slow",function(){
$(".formulario").toggle(function(){
$(".formu").slideToggle("slow");
});
});
});
});
</script>
<div class="formulario">
<table>
//Aquí va todo el formulario que omito por ser muy largo//
</table>
</div>
<div id="edicion">
<input type="button" id="editar" class="editar" value="Editar información"/>
</div>
<div class="formu" >
<table>
//El segundo formulario que también voy a omitir//
</table>
</div>
Y el código CSS:
Código PHP:
.formulario{
margin-top:-461px;
margin-left:1000px;
width:377px;
padding: 5px;
text-align: left;
background: #E5EECC;
border: solid 1px green;
padding-left:30px;
}
div.formu{
margin: 0px;
text-align: left;
background: #E5EECC;
border: solid 1px green;
margin-top: -461px;
margin-left: 1000px;
padding-left: 29px;
width: 373px;
display:none;
}
.formu {
display: none;
border: 1px solid green;
width: 416px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-top: 5px;
}
.editar{
background-color: #22B14C;
border: 1px solid green;
color: white;
height: 30px;
width: 130px;
font-weight: bold;
cursor: pointer;
}
La class "div.formu" no sé si está bien que la ponga porqué vi que lo pusieron en el tutorial de w3schools y pensé que debía ponerlo.
El efecto que tiene que hacer es el siguiente: Aparecer el formulario 1 con el botón de "Editar información" arriba (eso lo conseguí dejándolo suelto con ayuda de los margins pero en mozilla se ve distinto) y que al darle a dicho botón, el formulario 1 desaparezca y aparezca el formulario 2 justo en el mismo sitio y con el botón de "Editar información" en el mismo sitio que el anterior, ya que es un Toggle y al darle volvería a aparecer el formulario 1.
Agradezco mucho vuestra ayuda.