2011-03-10 73 views
0

當點擊了這些鏈接顯示在結果1先點擊然後在結果點擊第二連桿節目2我怎樣才能加載不同標籤2連桿與jquery

<ul> 
    <li><a href="link1.html">Link 1</a></li> 
    <li><a href="link2.html">Link 2</a></li> 
    <li><a href="link3.html">Link 3</a></li> 
    <li><a href="link4.html">Link 4</a></li> 
</ul> 

<div id="result_1"></div> 
<div id="result_2"></div> 

實施例(在鏈路1上的用戶點擊然後點擊鏈接2):

<ul> 
    <li><a class="result_1" href="link1.html">Link 1</a></li> 
    <li><a href="link2.html">Link 2</a></li> 
    <li><a class="result_2" href="link3.html">Link 3</a></li> 
    <li><a href="link4.html">Link 4</a></li> 
</ul> 

<div id="result_1">link1.hmtl</div> 
<div id="result_2">link3.html</div> 

再經過點擊其他鏈接刪除類和內容

<ul> 
    <li><a href="link1.html">Link 1</a></li> 
    <li><a href="link2.html">Link 2</a></li> 
    <li><a class="result_2" href="link3.html">Link 3</a></li> 
    <li><a class="result_1" href="link4.html">Link 4</a></li> 
</ul> 

<div id="result_1">link4.hmtl</div> 
<div id="result_2">link3.html</div> 

我要與.load()
對不起我的英語不好

+0

如何確定當你點擊一個鏈接到使用的DIV做到這一點? – 2011-03-10 14:33:13

回答

1
var firstDiv = $("#result_1"); 
var secondDiv = $("#result_2"); 
$("a").toggle(function(){ 
    secondDiv.hide(); 
    secondDiv.load($(this).attr("href")).show(); 
    },function() { 
    firstDiv.hide(); 
    secondDiv.load($(this).attr("href")).show(); 
    }); 
+0

這是工作,但我想第二次點擊後刪除內容中加載#result_1和加載點擊鏈接 – e87 2011-03-10 15:39:41

+0

爲什麼你需要2個divs呢?如何在第二次點擊你清除內容con div並加載新的? – amosrivera 2011-03-10 15:49:03

+0

我有一個比較列表,我想比較他們旁邊的2個內容,並加載2個內容 – e87 2011-03-10 15:51:38