Working with multiple Div and show only perticular div at the time of click

Step 1-Create Click Button which is navigate to div after a click.

<div class="buttons">

<a class="button" id="show1">Menu 1</a>

<a class="button" id="show2">Menu 2</a>

<a class="button" id="show3">Menu 3</a>

</div>

 Step 2-Create Div for show after click on link button.

<div>

<div id="dv1">div1</div>

<div id="dv2" style="display:none;">div2</div>

<div id="dv3" style="display:none;">div3</div>

</div>

Step 3 -Add Below script in Code

<script src="https://code.jquery.com/jquery-1.7.2.js"></script>

Step 4-Add below Javascript code with document.ready function

<script type="text/javascript">

$( document ).ready(function() {

$(function() {

    $('#show1').click(function() {

        $('div[id^=div]').hide();

        $('#dv1').show();

    });

    $('#show2').click(function() {

        $('div[id^=div]').hide();

        $('#dv2').show();

    });

    $('#show3').click(function() {

        $('div[id^=div]').hide();

        $('#dv3').show();

    });

});

});

</script>