定位颜色框并应用焦点

Question

我有一个最初隐藏在我的页面中的表单，我使用show()在彩色框中显示它，但是当颜色框消失时，表单仍然可见，而我希望它与colourbox一起消失。

我尝试了以下代码，但这不是我想要的，因为当我点击颜色框内的表单旁边时，我的表单仍然消失：

$(".link_page_form").click(function(){
    $("#page_form").show();
    $.colorbox({inline:true, href:"#page_form"});
    $(this).focusout(function() {
        $("#page_form").hide(); 
    });

    return false;       
});

如何定位颜色框并应用焦点？

PS：我的表格：

    

<form id="link_page_form" method="post" action="my_url" style="display: none" >
    <select id="page_from_link" name="page_from_id" >
        <OPTION VALUE="" >Associate with:</OPTION>              
            <?php foreach($pages_created as $k) {  ?>                       
                <OPTION id="<?php echo $k[3] ?>" VALUE="<?php echo $k[0]; ?>" ><?php echo $k[1]; ?></OPTION>            
            <?php } ?>  
    </select>   

    <button type="submit" >OK</button>
</form>