在文档单击上为div设置动画

Question

我正在使用此代码从右到左为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});
    });


});

Answer 1

如果您想根据文档点击隐藏它，则可以使用：

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

Answer 2

$(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});
 } 
});
});