如何默认隐藏此javascript气球？

我正在使用一个很棒的Javascript弹出气球

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

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

        });
</script>

$（函数（）{
$（“#myballoon>img”）.showBalloon({
位置：“对”，
css:{}
}).toggle（function（）{$（this）.hideBalloon（）；}，function（）{$（this.showBalloon（）；}）；
});

---

谢谢大家!

将此css添加到您的页面：

#myballoon > img { display:none; }

---

这是假设showBallon（）作用于图像&而不是Jquery默认情况下的父（#myballoon）元素

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

---

将气球的样式设置为

display:none

Hmm我无法使用此方法或@Precastic方法。在OP:$（document）.ready（function（）{jQuery（“#myballoon>img”）.hide（）}）中的代码之后，我在一个新脚本中添加了这个。也许您可以告诉我需要更改什么？$（document）.ready（函数（）{jQuery（“#myballoon>img”）.hide（）；/*然后您的balloon函数*/}）；