當我點選查詢條件時，查詢條件div顯示出來

如下

當我再點選空白區域的時候，查詢條件隱藏。

這裡面主要是用到一個防止冒泡的功能

$(".rightMenuAlert").click(function(e){
$(".cxtj").animate({right:'0px'},"500");
var ev = e || window.event;
                     if(ev.stopPropagation){
                       ev.stopPropagation();
                     }
                     else if(window.event){
                         window.event.cancelBubble = true;//相容IE
                    }
});

document.onclick = function(){
                 $(".cxtj").animate({right:'-500px'},"500");
                 };


$(".cxtj").click(function(e){
var ev = e || window.event;
       if(ev.stopPropagation){
               ev.stopPropagation();
        }
       else if(window.event){
               window.event.cancelBubble = true;//相容IE
       }
          });