如何默认隐藏这个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()作用于图像&不是父元素

Answer 2

默认使用Jquery。只需添加一个文档准备好了。

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