我正在尝试使两件事淡入，一件事是在选择一个链接时淡入，另一件事是在选择另一个链接时淡入？

Question

对，我有 4 个 div，我希望 1 和 3 在单击链接时淡入，2 和 4 在单击另一个按钮时淡入。我正在使用 JQuery。这是我到目前为止所得到的：

<div id="video selector" style="float: right; width: 250px; background-color:#f3f3f3; height: 210px; margin-bottom:13px;">
<a href="#">
  <script>
     $(document.body).click(function () { 
         $("#1").fadeIn("slow"); 
         $("#3").fadeIn("slow"); 
         $("#2").hide();  
         $("#4").hide();
      });
  </script>
  <img src="img/electronic recycling play.png" style="width:220px; padding-left:15px; padding-top:12px; padding-bottom:9px; cursor:pointer;" />
  </a>
  <center>Electronic Recycling</font></center>
  </div>

这个正在加载 div 1 和 3。

<div id="video selector2" style="float: right; width: 250px; background-color:#f3f3f3; height: 210px;">
 <a href="#">
   <script>
         $(document.body).click(function () { 
            $("#2").fadeIn("slow"); 
            $("#4").fadeIn("slow"); 
            $("#1").hide();  
            $("#3").hide();
         });
    </script>
    <img src="img/battery recycling play.png" style="width:220px; padding-left:15px; padding-top:12px; padding-bottom:9px; cursor:pointer;" />
    </a><center>Battery Recycling</font></center>
  </div>

这个正在加载 div 2 和 4。

问题是它们都加载相同的 div（2 和 4），并且视频不会切换，只需重新加载同一个，按下您的枯萎按钮...有什么想法吗？

Answer 1

将 id 添加到您的 a 标记，如下所示：

  <a href="#" id="firstlink"> ... </a>

然后在文档就绪函数中添加单击事件处理程序，如下所示：

  <script>
 $(document).ready(function () {
     $("#firstlink").click(function(){ 
     $("#1").fadeIn("slow"); 
     $("#3").fadeIn("slow"); 
     $("#2").hide();  
     $("#4").hide();
   });
  });
</script>

上面的代码可以放在页面的头部而不是 a 标记的内容中。它添加了事件处理程序，以便当单击 id 为firstlink 的标签时，它会执行该函数。可以为下一个链接完成类似的功能。