jQuery菜单不在页面之间切换

我在编写jQuery菜单时遇到问题，它似乎不允许我在设置的“div页面”之间切换。我已经上传了我在这里所做的事情，非常感谢大家对我做错了什么的了解

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>

一,

二,

三,


1.
2.
3.

id必须是唯一的。链接和内容的id相同，因此无法使用。请看，尽管HTML5规范说您可以使用任何字符来命名，但遵循HTML4的规则（由于向后兼容的问题）更好：“ID元素必须以字母开头，即大写字母a到Z或小写字母a到Z；不允许使用数字。”