如何默认隐藏这个javascript气球？

Question

我正在使用一个很棒的Javascript弹出气球http://file.urin.take-uma.net/jquery.balloon.js-Demo.html。

以下代码功能很好，但在页面加载时默认显示气球。如何在加载时隐藏气球并仅在单击图像时显示？：

<script>
$(function() {
    $("#myballoon > img").showBalloon({
                position: "right",
                css: {}
            }).toggle(function() { $(this).hideBalloon(); }, function() { $(this).showBalloon(); });

        });
</script>

谢谢！

Answer 1

将此css添加到您的页面：

#myballoon > img { display:none; }

假设showBallon（）作用于图像＆amp;不是父（#myballoon）元素

Answer 2

默认情况下，使用Jquery.Just添加文档就绪。

$("#myballoon > img").hide();