javascript - ライブアクションで修正が必要

Question

ボタンをクリックして div ポップアップを作成する小さなコードがあります。私がやろうとしているのは、ボタンをクリックすると、新しいdiv +不透明度のある背景divがポップアップすることです-それはうまくいきます。しかし、閉じるボタンをクリックすると両方のdivが非表示になり、背景のdivをクリックすると非表示になります。ボタンをクリックすると、両方が非表示になります。しかし、背景のdivをクリックすると、背景が非表示になり、ポップアップが保持されます。コードは次のとおりです。

function closebox() 
{
    var boxID = $(this).attr("box_id");

    $("#opacback").animate( { "opacity": "0" }, 500, function()
    {
        $('#inside_image'+boxID)
            .removeClass()
            .addClass('animated flipOutX')
            .fadeOut('slow');  
        $("#opacback").hide(); 
    });    
}    

私が言ったように、背景をクリックすると、背景のdivの不透明度が削除されますが、ポップアップは保持されます。閉じるボタンをクリックすると、両方が実行されます。両方が同じ機能を使用しているため、これはどのように可能ですか?

これはバックグラウンド div の呼び出しです:

$('#opacback').live('click', closebox);