爲什麼我必須點擊兩次才能使用jquery顯示Div？

Question

我有一個按鈕，我應該顯示在它前面的消息所以我使用以下JQ代碼：

<script type="text/javascript"> 

$("#msg").html(data); 

var pos = $("#answer2ticker").offset(); 
$("#msg").offset({top: pos.top, left: pos.left}); 

$("#msg").show(); 
</script> 

<div class="alert alert-danger" id="msg" style="position: absolute;" hidden="hidden" onclick="$(this).hide();"> </div> 

該問題： 消息示出了第一時間一般，但是當我隱藏它並嘗試再次顯示，我必須點擊顯示兩次。

所以隱藏是正常的，但顯示必須被調用兩次。

Answer 1

爲什麼不使用jQuery切換功能？

$(document).ready(function() { 
var data = "test"; 
$("#msg").html(data); 

    $("#answer2ticker").click(function() { 
     $('#msg').toggle(); 
    }); 
}); 

例子：http://jsfiddle.net/acidrat/LbEVL/1/