Copy this into a new html file, and open with your browser.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Button/Div Example Page</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
function buttonPressed(button) {
$("#div1").hide();
$("#div2").hide();
$("#div3").hide();
$("#div4").hide();
$("#div5").hide();
switch (button) {
case 1:
$("#div1").show();
$("#div3").show();
$("#div5").show();
break;
case 2:
$("#div2").show();
$("#div3").show();
break;
case 3:
$("#div1").show();
$("#div4").show();
$("#div5").show();
break;
case 4:
$("#div1").show();
$("#div2").show();
$("#div3").show();
$("#div4").show();
$("#div5").show();
}
$("#status").html("You pressed button " + button.toString());
}
</script>
</head>
<body>
<div id="div1">Div 1</div>
<div id="div2">Div 2</div>
<div id="div3">Div 3</div>
<div id="div4">Div 4</div>
<div id="div5">Div 5</div>
<div><button onclick="buttonPressed(1)">Button 1</button><button onclick="buttonPressed(2)">Button 2</button><button onclick="buttonPressed(3)">Button 3</button><button onclick="buttonPressed(4)">Button 4</button></div>
<div id="status">Press a button........</div>
</body>
</html>
Update in response to comments;
To make it work using Links instead of buttons, all you need to do is change the div containing the buttons to;
<div><a onclick="buttonPressed(1)">Link 1</a><a onclick="buttonPressed(2)">Link 2</a><a onclick="buttonPressed(3)">Link 3</a><a onclick="buttonPressed(4)">Link 4</a></div>