Jquery 点击事件中的AOS动画？

我的页面正在使用AOS插件制作动画。AOS将随页面加载一起加载：

AOS.init({
一次：没错，
放松：“放松”
});

同一页面上的导航列表被隐藏。它应该只在我们点击导航菜单图标（汉堡图标）时显示。我想列表也可以使用AOS插件动画

这是我用来在单击时初始化插件的代码：

var iconButton=$（“按钮”）；
打开（“单击”，函数（）{
AOS.init({
startEvent:'单击'，
放松：“放松”
});
});

但是，我认为这个插件会在页面加载时初始化。有什么想法吗，我该怎么做

AOS.init({
    once: true,
    easing: 'ease-in-out'
});
var iconButton = $("button");
iconButton.on("click", function() {
    $(iconButton).removeClass('aos-animate');
    setTimeout(function() {
        $(iconButton).addClass('aos-animate');
    }, 400);
});

---

很好的解决方案。您将如何在隐藏的项目上使用此方法，并将其滚动到视图中？