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

Question

我是一个真正的初学者，在java脚本和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; 
}