<button onclick="Slide()">Slide</button>

<img id="1" src="assets/6.png" style="width: 300px; height: 300px">
<img id="2" class="mySlides" src="assets/5.png" style="width: 300px; height: 300px">

    <style>
    .mySlides{
        display: none;
    }
    </style>
<script>
    function Slide(){
    $(document).ready(function(){
          $("#1").hide("#1");
        });
    document.getElementById("2").style.display = "block";
    }
    </script>