將所有不同的頁面放在一個頁面

Question

這是專業人士如何做到的嗎？在一個文件中的所有內容，我需要做一個學校項目;我可以使用JavaScript來隱藏和顯示內容。例如。我有一個約和聯繫頁面，所以使用JavaScript我會通過它切換（顯示塊和無），但我希望過渡有一個動畫專門滑動，所以我會怎麼做？

Answer 1

這裏有值的例子都可以animatet

.animation { 
 
    position: relative; 
 
    display: initial; 
 
    padding: 20px; 
 
    float: left; 
 
    clear: both; 
 
} 
 
.animation:after { 
 
    content: ""; 
 
    width: 10px; 
 
    height: 10px; 
 
    background: blue; 
 
    transition: 0.4s; 
 
    position: absolute; 
 
    right: -20px; 
 
    top: 50%; 
 
    transform: translateY(-50%); 
 
} 
 
.fail:after { 
 
    display: none; 
 
} 
 
.fail:hover:after { 
 
    display: block; 
 
} 
 
.success:after { 
 
    height: 0; 
 
    width: 0; 
 
    opacity: 0; 
 
    transform: translateY(-50%) rotate(0deg); 
 
    display: block; 
 
} 
 
.success:hover:after { 
 
    width: 10px; 
 
    height: 10px; 
 
    opacity: 1; 
 
    transform: translateY(-50%) rotate(360deg); 
 
    display: block; 
 
}

<div class="animation fail">Failing to animate</div> 
 

 
<div class="animation success">Animatet</div>