如何使用jquery在不同的标记中加载2个链接

如何使用jquery在不同的标记中加载2个链接,jquery,Jquery,单击“显示这些链接”时,首先单击结果1,然后单击结果2中显示的第二个链接 <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>

单击“显示这些链接”时,首先单击结果1,然后单击结果2中显示的第二个链接

<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):

link1.hmtl link3.html
然后在单击其他链接后删除类和内容

<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>
link4.hmtl link3.html
我想用.load()完成此操作

对不起,我的英语不好

单击链接时如何确定使用哪个div?这是可行的,但我想在第二次单击后删除加载在#result_1中的内容并加载单击的链接为什么需要2个div?在第二次单击时,您可以清除div中的内容并加载新内容吗?我有一个比较列表,我想在旁边比较两个内容,然后只加载两个内容我添加了一行“$(“#result_1”).hide()”,这将隐藏第一个内容,当单击第二个内容时,这对您有用吗?我不太清楚你需要什么谢谢,但一旦我想要它,它就是工作了无数次,如果点击链接,1在结果中加载它,如果点击链接,2在结果中加载它,如果点击链接编号,3在结果中删除内容,加载链接,3如果点击链接,4在结果中删除内容,加载链接,4和。。。,我有很多链接,不能使用if-else:D
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();
  });
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();
  });