Show div one at a time using button, with default div showing.

Show div one at a time using button, with default div showing.

<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
</head>

<body>
 
<button class="btn btn-danger">Edit</button>
<div>1</div>

<div style="display: none">EDIT</div>
 
<script>
$( "button" ).click(function() {
  $( "div" ).toggle();
});
</script>

</body>
</html>

I want to show/hide div but there will be default div showing..

This is my code, whenever I tried to put div inside each div it's how showing. Maybe show/hide will be easier?