处理两个a标签，使两个a标签根据是否点击对应不同的动作

假如有两个a标签分别是a1，a2，a1可以一直显示在页面上，点击a1时出现a2
点击a2时a2就隐藏了

HTML 锚点使用 a1a2

这个就是基本的点击显示和隐藏的问题。要问的是什么？

    <a href="#" id="a1" onclick="document.getElementById('a2').style.display = 'inline';">A1</a><br>
    <a href="#" id="a2" onclick="document.getElementById('a2').style.display = 'none';" style="display=none;">A2</a><br>

## html       
<a id='a1'>www</a>
<a id='a2' style='display:none'>www2</a>
## js
<script type="text/javascript" src="/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$('#a1').click(function(){$('#a2').show();});
$('#a2').click(function(){$('#a2').hide();});
</script>

display:none;