关于JQuery Toggle的问题

Question

  #my_words{ position:absolute; display:none; width:100px; height:100px; border:1px solid blue;} <td colspan="2"><a href="#" id="comment">3条评论</a></td></tr>
<!--key words-->
<div id="my_words">This is a test!!</div>
 <script type="text/javascript">
$(document).ready(function(){
// toggle
var bakObj;
$("#comment").toggle(
 function(){
  var href = $("#comment");
  popup(href);
 },
 //
 function(){alert('456');}
);
});

function popup(obj){
 alert(obj.tagName);
 bakObj = obj;
 var hrTop = obj.offsetTop;
 var hrLeft = obj.offsetLeft;
 // alert(hrLeft);
 //
 var parBox = obj;
 do{
 parBox = parBox.offsetParent;
 // alert(parBox.tagName)
 hrTop += parBox.offsetTop;
 hrLeft += parBox.offsetLeft;
 // alert(parBox.offsetLeft);
 }while(parBox.tagName!="BODY");
//
var popMsg = document.getElementById("my_words");
popMsg.style.display = "block";
popMsg.style.top = hrTop+obj.offsetHeight+2+"px";
popMsg.style.left = hrLeft+"px";
// alert(hrTop);
//
}
</script>// 不知道该如何把被点击的对象传递到函数里面。
忘各位指点一二。多谢!!

Answer 1

 $("#comment").toggle(
             function(){
                  //var href = $("#comment");
                  popup($(this));//this指向当前点击的对象，$(this)将这个对象转换成jquery对象
                 },
                 //
             function(){alert('456');}
            );
            });