Question

单击这些链接时，首先单击结果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）：

<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（）来做这件事抱歉我的英文不好

Answer 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();
  });

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

1 个答案: