Javascript jquery，是否用另一个超链接替换一个超链接？

在我的html页面中有两个超链接

<a href="#" id="demo1" onclick="onClick_Demo1()" >Demo1</a>
<a href="#" id="demo2" onclick="onClick_Demo2()" >Demo2</a>

建议我试试这个

<script>
    $(document).ready(function() {

        $('#demo2').hide();
    });
    function onClick_Edit() {
        $('#demo1').hide();
        $('#demo2').show();

    }
    function onClick_Edit() {
        $('#demo1').show();
        $('#demo2').hide();

    }
</script>

$（文档）.ready（函数（）{
$（'#demo2'）.hide（）；
});
函数onClick_Edit（）{
$（'#demo1'）.hide（）；
$（'#demo2'）.show（）；
}
函数onClick_Edit（）{
$（'#demo1'）.show（）；
$（'#demo2'）.hide（）；
}

为什么不在单击时尝试显示/隐藏……）

<script>
    $(document).ready(function() {

        $('#demo2').hide();
    });
    function onClick_Edit() {
        $('#demo1').hide();
        $('#demo2').show();

    }
    function onClick_Edit() {
        $('#demo1').show();
        $('#demo2').hide();

    }
</script>