html

<a href="#"></a>

<div    class = "ifream_div"   style ="   display :   block ;"   id = "choice-list"   >     < div  style =" position  : absolute ; left

: 0px ; top : 0px ; width : 100% ;  height :  100% ; filter  : alpha(opacity = 1) ; opacity : 0 "  ></ div >     < iframe   width  = "100%"    frameborder = "no"

  scrolling = "no"    allowtransparency = "true"  ></ iframe >   </ div >

js

$("a").on("click",function(e){
              $(".menu").toggle(200); 
              e.stopPropagation();
            })
            $(document).click(function(){ 
               $(".menu").hide(200); 
            }) 
            $("a").on("click",function(){
              $(".menu").hide(200);
            })
            $(

".ifream_div").bind("click", function(){
              $(".menu").hide(200);
            })