Самый эффективный способ закрыть страницу load() с помощью знака X в jquery

Question

Я новичок в JQuery, и я пытаюсь использовать контейнер div для загрузки URL-адреса, однако я хочу дать пользователю возможность чтобы закрыть его знаком X в верхнем правом углу, как на Amazon.com. Каков наилучший способ сделать это?

Вот что у меня есть, и кажется неуклюжей, чтобы выяснить, где верхний правый угол и место изображения X:

$("#url_link_details").click(function() { 
    $("#details").load("tooltip_address.htm", function() { 
     $(this).addClass("openwindow").show(); 
     $(".img_close").addClass("img_close_show").show(); 
    }) 
}); 

Любая помощь приветствуется.

Answer 1

некоторые HTML:

<div id="popup"> 
    <img src="x.gif" alt="Close" class="img_close" /> 
    <div class="details"></div> 
</div> 

некоторые CSS:

#popup .img_close { 
    float: right; 
} 

#details { 
    clear: right; /* if you want there to be a "titlebar" area */ 
} 

некоторые JQuery

$('#url_link_details").click(function() { 
    $('#details').load('tooltip_address.htm', function() { 
     $('#popup') 
      .show() 
      .find('.img_close') 
      .click(function() { 
       $('#popup').hide(); 
      }) 
     ; 
    }) 
})