Como alternar divs em um clique

Olá galera, estou começando a estudar java script e gostaria de colocar uma função, tenho duas divs que são estas:

<style>
.fundo1{
 Width: 100%;
 Height: 50%;
 Background-color: #568CA4;
 Padding: 20px;
}

.fundo2{
 Width: 100%;
 Height: 50%;
 Background-color: grey;
 Padding: 20px;
}
</style>

	 

<div class="fundo1"> Logar </div>

	e essa:

<div class="fundo2"> Registrar </div>

	Na div fundo1 é o local de logar e na div2 é registro, queria que em uma só pagina esses dois elementos se alternassem ao clicar em um botão.

	 

	Exemplo a página padrão (ao entrar na index) é aparecer a div1, um botão acima de "registrar" faz aparecer no mesmo momento (**E no mesmo lugar pois a div são do mesmo tamanho sem carregar uma outro página**) esta div2 e o mesmo botão se transformar em Logar, para aparecer novamente a div1. Vocês podem me ajudar ou me mandar uma postagem ou codigo com essa função?