使用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; 
}