为什么我必须点击两次才能使用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/