Jquery 为什么此幻灯片切换需要单击两下才能激活？

我试图在单击“跳转”时使此导航栏滑出，但我必须单击两次才能使其工作。我试着在不改变高度的情况下进行滑动切换，但出于某种原因，“显示：隐藏”对导航a不起作用

$(document).ready(function () {
            $('#jump').click(function(){
                $('nav a').slideToggle(function () {
                    $(this).height("63px");
                });
            });
        });

---

为什么它在文档中已准备就绪？

display:none

而不是

display:hidden

，除非您正在寻找

可见性：hidden

，它将保持元素的位置，但它不可见。制作一个jsFiddle，以便我们可以准确地看到您正在做什么如何？我想这是因为加载的元素是打开的，单击后它关闭，第二次单击后它隐藏了。：）这就是原因。所以在加载时，您必须尝试将元素设置为关闭状态。