Code:

 

<script type="text/javascript">
$(function(){$("#games_wrap span").click(function(e){var id = $(this).attr("id");$("#list_wrap div").hide();$("#"+id+"_games").show();});});
</script>
<style type="text/css">
#games_wrap span { margin: 1px; padding: 3px; border: 1px solid #ccc; background: #f0f0f0; }
#list_wrap { margin: 3px; padding: 5px; border: 1px solid #ccc; background: #f0f0f0; }
</style>
<div id="games_wrap">
<span id="a"><a href="#">A</a></span>
<span id="b"><a href="#">B</a></span>
<span id="c"><a href="#">C</a></span>
</div>
<br />
<div id="list_wrap">
<div id="a_games"><b>A:</b><br />some thing here like loads of different games</div>
<div id="b_games"><b>B:</b><br />all the games for b can be here</div>
<div id="c_games"><b>C:</b><br />all of the games for c can here</div>
</div>