JQ 点击当前的显示,其它的隐藏。之菜逼计划

<div class="nav ">
<ul>	
	<li>
		<a id="jian" style="dispay:none;">1</a>
		<a id="jia">2</a>
		干1
	</li>
	<li>
		<a id="jian" style="dispay:none;">1</a>
		<a id="jia">2</a>
		干2
	</li>
<ul>
</div>
<script>
 jQuery(function($){
        $(".nav ul li").click(function(){  //给每个li元素添加点击事件
		$(this).children("#jian").show().end().siblings("li").children("#jian").hide();
		 //点击li元素时，li元素下面的子元素》》jian显示，并且同级的li元素（不包含本身的li元素）隐藏
		$(this).children("#jia").hide().end().siblings("li").children("#jia").show();
		//点击li元素时，li元素下面的子元素》》jia显示，并且同级的li元素（不包含本身的li元素）隐藏
         });
});
</script> 

注意：这个在点击非本身元素时，是理想的效果，但是点击本身时不发生变化，也就是说，点击本身2隐藏，1显示，当再次点击本身时还是2隐藏，1显示，还需要怎么做，当再次点击本身达到1隐藏，2显示！！