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