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

问题：消息通常第一次显示，但是当我将其隐藏并尝试再次显示时，我必须单击两次show。

因此隐藏是正常的，但是必须两次显示。

Answer 1

您为什么不只使用jQuery切换功能？

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

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

示例： http ： //jsfiddle.net/acidrat/LbEVL/1/