javascript - 在文档单击时为 div 设置动画

Question

我正在使用此代码从右到左为 div 表单设置动画。（例如显示反馈区域）。它有 2 个部门 1. 单击此处 2. 动画部门。现在动画只有在我们点击那个 click here div 时才会发生。它如何在文档点击时设置动画（隐藏）？

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


});

Answer 1

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

Answer 2

如果要根据文档单击隐藏它，则可以使用：

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