javascript – Problemas con las animaciones de Jquery

estoy teniendo un problema, necesito animar el siguiente form que es multipasos, y no estoy pudiendo con las animaciones de jquery.
Este es mi HTML.

<form id="formSimulador" action="">
  
    <fieldset class="paso" id="bienvenida">
    <h3>Formulario Solicitud Crediticia</h3>
    <p>
        Bienvenido a nuestro simulador de prestamos! Si te interesa obtener
        uno, llena el siguiente formulario y descubri que oferta tenemos para vos.
    </p>
    <div class="contenedorBotones">
        <button id="siguiente1" type="button">Siguiente</button>
    </div>
    </fieldset>

    <fieldset class="paso" id="datosPersonales">
    <h3>Ingresa tus datos</h3>
    <input id="nombre" class="" type="text" name="nombre" required placeholder="Nombre"></input>
    <input id="apellido" class="" type="text" name="apellido" required placeholder="Apellido">
    <input id="mail" class="" type="email" name="mail" required placeholder="Email" >
    <div class="contenedorBotones">
        <button id="anterior0" type="button">Anterior</button>
        <button id="siguiente2" type="button">Siguiente</button>
    </div>
    </fieldset>   

    <fieldset class="paso" id="datosLaborales">
        <h3>Informacion Laboral</h3>
    <input type="text" id="empleo" class="" name="empleo" placeholder="Nombre de la empresa" required>
    <input type="number" id="antiguedad" name="antiguedad" step=".00001" class="" placeholder="Antig├╝edad laboral (en meses)" required>
    <input type="number" id="sueldo" name="sueldo" step=".0001" class="" placeholder="Sueldo neto del ultimo mes" required>

    <div class="contenedorBotones">
        <button id="anterior1" type="button">Anterior</button>
        <button id="siguiente3" type="button">Siguiente</button>
    </div>
    </fieldset>

    <fieldset class="paso" id="datosPrestamo">
        <h3>Solicitud de Prestamo</h3>
    <input type="number" id="aSolicitar" name="monto" step="0.01" class="" max="200000" placeholder="Monto a Solicitar" required>
    <select name="menuPlazos" id="menuPlazos" class="inputsValues" required>
        <option value="default">Elegi una Opcion</option>
        <option type="number" value="12">12 meses</option>
        <option type="number" value="24">24 meses</option>
        <option type="number" value="36">36 meses</option>
    </select>
    <input disabled placeholder="TEM(Tasa Efectiva Mensual)" id="tasasSeleccion">

    <div class="contenedorBotones">
        <button id="anterior2" type="button">Anterior</button>
        <button id="siguiente4" class="botonCalc" type="button">Enviar</button>
    </div>
    </fieldset>

    <fieldset class="paso" id="finalizacionSimulador">
        <h3>Felicitaciones! Tu solicitud fue enviada</h3>
        <p>Te invitamos a descargar el arhivo PDF completo, con el detalle de tu solicitud</p>
        <button id="botonEnviar" value="submit" type="button">Tu solicitud detallada</button>
    </fieldset>

Al querer utilizar esta linea de Jquery, no realiza la animacion, tarda unos segundos y luego cambia. Necesito hacerlo con toggle porque necesito hacerlo responsive y al usar el formulario como relative, se destruye al querer hacer resize.

      $("#siguiente1").click(function() {   
   $("#bienvenida").animate({width: 'toggle'});
  });