Анимировать div по клику документа

Question

Анимировать div по клику документа

0

Я использую этот код для анимации формы div справа налево. (например, показывать область обратной связи). он имеет 2 дивизии 1. Нажмите здесь 2. Анимация дивизии. Теперь анимация происходит только в том случае, если мы нажмем на нее здесь div. Как он будет оживлять (скрывать) при нажатии на документ?

 $(function () {
    $("#clickme").toggle(function () 
    {
        $("#slideouts").animate({right:'0px'}, {queue: false, duration: 500});
    }, 
    function () 
    {
        $("#slideouts").animate({right:'-282px'}, {queue: false, duration: 500});
    });


});

Aneesh 13 нояб. 2013, в 07:54

Источник

2

Привязать событие щелчка к document ?
elclanrs 13 нояб. 2013, в 06:50
0

FYI .toggle (функция, функция, ...) удалена в выпуске jQuery 1.9
palaѕн 13 нояб. 2013, в 06:51

Теги:

javascript

jquery

2 ответа

Ещё вопросы

Привязать событие щелчка к document ?
FYI .toggle (функция, функция, ...) удалена в выпуске jQuery 1.9

Aashray · Answer 1 · 2013-11-13T05-11-00.000Z

Если вы хотите скрыть его на основе щелчка документа, вы можете использовать:

$(document).click(function(){
    $("#slideouts").hide().animate({width: "toggle",height: "toggle"}, {queue: false, duration: 500});
});

После добавления анимация не работает.
Я сделал ошибку с вашим id . Теперь это должно работать.
Это будет скрывать все div от документа.
После раздвижного div, по щелчку на внешнем div-анимации.

Ankit Tyagi · Answer 2 · 2013-11-13T04-02-00.000Z

$(function () {
$("body").on('click','#sildeouts',function (){
 if($("#slideouts").css('right')=='-282px'){
    $("#slideouts").animate({right:'0px'}, {queue: false, duration: 500});
 }else{
   $("#slideouts").animate({right:'-282px'}, {queue: false, duration: 500});
 } 
});
});