如何隐藏 HTML 文本直到单击

Question

我正在尝试学习如何使用 jQuery 切换 HTML 文本，这本身很容易，但我希望文本自动隐藏，直到用按钮单击它。我查了一下，我找不到如何做到这一点。我认为这应该很容易，而且我有这个部分

<h4 id="text1">This is some toggleable text</h4>

$(document).ready(function(){
    $("#button1").click(function(){
      $("#text1").toggle();
    });
});

作为常规切换可以正常工作，但这会将文本留在那里，直到第一次点击。

代码笔：https ://codepen.io/anon/pen/bYYeEB

Answer 1

jQuery的show，hide并且toggle功能简单地改变CSSdisplay属性，要么display: block;或display: none;。

要从隐藏元素开始，只需设置 style 属性 style="display:none;"。