我正在使用elementor创建一个照片库，一旦单击输入按钮就会出现。我的问题是，在隐藏的div(css display:none(中，当我在jquery中使用show((或toggle((时，库不会显示，但其他文本元素会显示。如果我单击另一个链接文本，它们就会出现。这怎么可能？对于图库，我使用了一个名为"；Photoblock"；(通过在div中插入短代码，库显示(。
我把我的代码留在这里，在这里你可以看到这个页面是什么样子的网站只需点击图库即可看到白色部分，如果你点击个人简介，照片就会出现。
自从我使用elementor以来的html，你可以在带有检查的页面上看到它
这是css和div的类，它隐藏了的所有元素
.apri{
display:none;
}
这是带有按钮功能的jquery，应该会显示div
var hbtn = $(".clicca");
var hcon = $(".apri");
hbtn.click(function(e) {
var index = hbtn.index(this)
$(hcon).eq(index).slideToggle("slow");
e.preventDefault();
});
感谢
为了完成一项简单的任务，您使用了太多的show-hide类和JS函数。不知道您正在使用的CSS库是什么。但如果你正在使用Bootstrap，这很简单，这是我的建议。
检查引导元素
您可以简单地使用.d-{sm,md,lg,xl}-none来管理此处所需的内容。