jquery - クリックするとdivが表示されますか？

Question

ちょっと、アイコンをクリックできる小さな機能を作ろうとしています。ライトボックスに似ているがアイコンに固定されたボックスが表示されます。そこにアイコンがある場所に配置

1. アイコンが画面に表示されているテル、その後、
2. が私のボックスの左上隅を持つ方法、およびそれから
3. は私のボックスは、その中に表示されるようれますロケーション？

ありがとう！

Answer 1

// 1.Tell where the icon is on the screen 
var off = $("#iconId").offset(); 

// 2.Have the top left corner of my box placed where the icon is 
var div = $("#divId"); 
div.css({ position: "absolute", top: off.top, left: off.left }); 

// 3.Have my box appear in that location? 
div.show(); 

Answer 2

$(function() { 
    $("#icon").click(function(){ 
     var offset = $(this).offset(); 
     $("#pop").css("position","absolute").css("top",offset.top+$(this).height()).css("left",offset.left); 
     $("#pop").show(); 
    }); 
}); 

あなたのアイコンの位置を取得し、あなたがポップアップ