jQuery菜单不在页面之间切换

Question

我正在编写一些jQuery菜单的问题，似乎不允许我在我设置的“div页面”之间切换。我已经上传了我在这里所做的事情http://jsfiddle.net/UxNMT/，非常感谢我对自己做错了什么的见解。

的jQuery

$(function () {
    $("#menu").menu();
});

$(document).ready(function () {
    $('#1').show();

    $("#1").click(function () {
        $('.content').hide();
        $('#1').show();
    });

    $("#2").click(function () {
        $('.content').hide();
        $('#2').show();
    });

    $("#3").click(function () {
        $('.content').hide();
        $('#3').show();
    });
});

HTML

<div style="width:150px; background-color: #EFEFEF; float:left;">
    <ul id="menu" style="border: 0px; background:none">
        <li><a id="1" style="cursor: pointer">1</a>

        </li>
        <li><a id="2" style="cursor: pointer">2</a>

        </li>
        <li><a id="3" style="cursor: pointer">3</a>

        </li>
    </ul>
</div>
<div style="float:right; width: 595px; text-align:left; font-family: Verdana; 
padding: 10px; ">
    <div id="1" style="display: none" class="content">1</div>
    <div id="2" style="display: none" class="content">2</div>
    <div id="3" style="display: none" class="content">3</div>
</div>