Ajax page頁面切換

<script>
	var lul=$("#a li");
	var page=$("#page .page");
	lul.click(function(){
	var id=$(this).index();
	var url=$(this).find("a").attr("id");
	var ha=$(this).attr("data-id");
	if(ha==1){
	page.eq(id).show().siblings(".page").hide();
	}else{
	page.eq(id).load(url).show().siblings(".page").hide();
	$(this).attr("data-id","1");//如果已经加载过了就给li做个标签不在加载直接显示对应的div
	}
	});
</script>

<ul id="a">
    <li><a href="#" id="01_payment_01.php">page1</a></li>
    <li><a href="#" id="01_payment_01.php">page1</a></li>
    <li><a href="#" id="01_payment_01.php">page1</a></li>
</ul>
<div id="page">
    <div class="page">1</div>
    <div class="page" style="display:none;">2</div>
    <div class="page" style="display:none;">3</div>
</div>