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