Javascript Jquery FadeIn函数第一次不工作

我使用下面的jQuery在单击按钮时隐藏一个div。但我发现了一个问题。fadeIn第一次不工作，但第二次工作。如何修复它

<script>
    $(".get-btn").click(function() {
        $(".container").css('z-index', '40');
        $('.container').fadeOut(500)
    });
</script>

<script>
    $(".close-btn").click(function() {
        $(".container-sec").css('z-index', '0');
        $('.container').fadeIn(500)
    });
</script>

这是JSIDLE:

请检查

---

你的代码是正确的。它在下面工作

$document.readyfunction{ $.get-btn.clickfunction{ .container.css'z-index'，'40'； $'.container'.fadeout 500； }; $.close-btn.clickfunction{ $.container sec.css'z-index'，'0'； $'.container'.fadeIn500； }; }; .集装箱{ 宽度：100px； 高度：100px； 背景色：红色； } 隐藏 显示 试试这个：

$( document ).ready(function() {
  $( ".get-btn" ).click(function() {
    $(".container").css('z-index', '40');
    $('.container').fadeOut(500);
  });

  $( ".close-btn" ).click(function() {
    $(".container-sec").css('z-index', '0');
    $('.container').fadeIn(500);
  });
});

---

请将HTML添加到“.container”或提供一个fiddle链接。请将您的HTML添加到问题中。另外，检查控制台是否有任何错误。您能为您的问题提供JSFIDLE吗？为什么一个函数设置.container的z-index，另一个函数设置.container sec的z-index？他失踪了；在javascript上创建问题？；与OP的问题无关；在JS中，s是可选的，只要代码没有缩小->当点击时它在我的html中。get btn，它隐藏一个容器并显示一个容器。这是唯一的问题，当我们第一次点击“获取btn”时，淡入淡出效果不起作用，它会立即显示页面。但在那之后，淡入淡出效果就可以了。但是，当我们刷新并再次单击时，它在第一时间不起作用。它起作用，但问题是，当我们单击联系人按钮时，淡入淡出在第一时间不起作用。从脚本中删除这两个css:$.container.css'z-index'，40'；$。容器节css'z-index'，'0'；

$( document ).ready(function() {
  $( ".get-btn" ).click(function() {
    $(".container").css('z-index', '40');
    $('.container').fadeOut(500);
  });

  $( ".close-btn" ).click(function() {
    $(".container-sec").css('z-index', '0');
    $('.container').fadeIn(500);
  });
});