A라는 버튼을 클릭시 A라는 레이어를 띄우고, B라는 버튼을 클릭시 B라는 레이어를 띄우는 방법입니다.

비슷한 방법은 많으나, 간혹 이렇게 사용할때가 있습니다.

$(document).ready(function(){
$('.layer').click(function(){
var layer_nm = $(this).attr('data-num');
$('.layer_comm').hide();
$('.'+layer_nm).show();
});
});

.layer_comm{position:absolute;top:0;left:0;display:none}

<button class="layer" data-num="layer1">layer1</button>

<button href="#" class="layer" data-num="layer2">layer2</button>

<button href="#" class="layer" data-num="layer3">layer3</button>

<!-- 레이어 1 -->

<div class="layer_comm layer1">

 레이어 1내용

</div>

<!-- 레이어 2 -->

<div class="layer_comm layer2">

 레이어 2내용

</div>

<!-- 레이어 3 -->

<div class="layer_comm layer3">

 레이어 3내용

</div>

스타일과 구성은 본인에 맞게 적용해주세요.