jquery - left - slidetoggle is not a function

jQuery.slideRight effect

Question

Necesito una etiqueta div para deslizarse en el lado derecho de la pantalla, ¿cómo obtengo este efecto con jQuery? He estado buscando aquí: http://api.jquery.com/category/effects/sliding/ y no parece ser lo que estoy buscando ...

Answer 1

Otra solución es mediante el uso de .animate () y CSS apropiado.

p.ej

   $(''#mydiv'').animate({ marginLeft: "100%"} , 4000);

JS Fiddle

Answer 2

Si está dispuesto a incluir la biblioteca jQuery UI , además de jQuery, puede usar hide() , con argumentos adicionales , de la siguiente manera:

$(document).ready(
    function(){
        $(''#slider'').click(
            function(){
                $(this).hide(''slide'',{direction:''right''},1000);

            });
    });

Demostración de JS Fiddle .

Sin usar la interfaz de usuario de jQuery, podría lograr su objetivo simplemente usando animate() :

$(document).ready(
    function(){
        $(''#slider'').click(
            function(){
                $(this)
                    .animate(
                        {
                            ''margin-left'':''1000px''
                            // to move it towards the right and, probably, off-screen.
                        },1000,
                        function(){
                            $(this).slideUp(''fast'');
                            // once it''s finished moving to the right, just 
                            // removes the the element from the display, you could use
                            // `remove()` instead, or whatever.
                        }
                        );

            });
    });

Demostración de JS Fiddle

Si elige utilizar la interfaz de usuario de jQuery, le recomiendo que se vincule al código alojado en Google en: https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js