javascript - 使用js显示元素，初始状态隐藏

Question

我是 java script 和 css 的真正初学者，我在这里无法深入。

我试图让一个元素隐藏起来并在点击一个按钮时出现(然后在点击另一个按钮时消失。

我脑子里有这段代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".btn1").click(function(){
        $("h5").hide(1000);
    });
    $(".btn2").click(function(){
        $("h5").show(1000);
    });
});
</script>

页面上的这段代码:

<h5>This is a paragraph.</h5>


<button class="btn1">Hide</button>
<button class="btn2">Show</button>

这很好用，但显示的是初始状态，而不是我想要的隐藏状态。任何人都可以帮助我吗，非常好，你能解释一下初学者术语的任何变化吗？

Answer 1

使用 CSS 隐藏它。

h5 { 
 display: none;
}