Javascript-显示带幻灯片效果的隐藏div

如何添加幻灯片效果以显示隐藏的div

函数显示（）{
var x=document.getElementById（“信息”）；
如果（x.style.display==“无”）{
x、 style.display=“block”；
}否则{
x、 style.display=“无”；
}
}

---

我找到了使用jquery 3.3.1实现这一点的方法：

$（文档）.ready（函数（）{
$（“#显示”）。单击（函数（）{
$（“#信息”）。切换（300）；
});
});

我被隐藏了
您可以使用CSS转换、jQuery动画或编写自己的普通JavaScript代码来循环和更改div的位置。但是我看不到您有任何尝试来完成此操作。您尝试过的CSS可能重复发布