通过单击链接淡入一个div,淡出所有其他div

时间:2018-07-17 13:43:16

标签: javascript jquery html fadein fadeout

我正在尝试创建一个网页。顶部的三个菜单按钮打开每个新的子菜单。在子菜单中,我有一些按钮需要打开一个div并关闭另一个div。

我已经成功地找到了解决方法,但是我的实现方式效率很低,我想使其更好。我从stackoverflow中发现了这个http://jsfiddle.net/n53qg/,这几乎是我想要做的,但是由于某种原因无法正常工作。即使我直接将所有HTML,CSS和JS复制粘贴到各自的文件中,然后将CSS和js + jquery链接到HTML,也无法正常工作。我感到困惑。

这是我实现此方法的方式:http://jsfiddle.net/mk92jtgz/6/添加新的div需要很多工作,因此我需要一种以更简单的方式关闭所有其他div的方法。

编辑:我想了解为什么我不能从jsfiddle中获取复制粘贴的代码来在我自己的文件中工作。我还将尊重有关如何以更有效的方式实现自己所做的工作的一些指导。

$("#button1").click(function() {
  $("#menu2").fadeOut("slow", function() {
    $("#menu3").fadeOut("slow", function() {
      $("#menu1").fadeIn("slow");
    });
  });
  $("#button1").css("background-color", "white");
  $("#button3").css("background-color", "#f6c54e");
  $("#button2").css("background-color", "#f6c54e");
  currentDay();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

0 个答案:

没有答案