全宽可折叠 div答案

【问题标题】：full width collapsable div全宽可折叠 div
【发布时间】：2018-08-16 05:59:00
【问题描述】：

有谁知道这种点击效果是如何工作的？ https://prospek.ca/equipe/

如果您点击其中一名团队成员，它会展开一个全角 div，显示有关该团队成员的更多信息。

我尝试使用 bootstrap 中的折叠功能来执行此操作，但是我没有成功，因为我无法让一个 div 关闭并且您选择了另一个条目。

我想让 div 有一个像这个截图一样的指针。Screenshot

【问题讨论】：

这个网站并不是真正适合这些问题的地方。您可以通过简单的动画显示/隐藏来做到这一点。 Google 绝对可以帮助您:-)
为了让我们更好地帮助您，请更新您的问题，以便在minimal, complete, and verifiable example 中显示您的相关代码。如果您能告诉我们what you have tried so far to solve your problem，也会很有帮助。更多信息请参考本站how to ask good questions和take the tour的帮助文章。

【解决方案1】：

一个可能的实现是让 info div 最初隐藏（显示：无）。然后，在使用 javascript/JQuery 更新该 div 的内容后，在任何团队成员的点击事件中，您将调用 info-div.show()。

如果用户再次点击员工图片，则调用 info-div.hide() 隐藏 div。

查看这里以了解有关这些功能的信息：

祝你好运

【讨论】：

【解决方案2】：

他们很可能像这样使用 jQuery 函数 slideToggle()：

$( ".team-member" ).click(function() {
   $(".team-member-info").slideToggle();
});

可能还想同时检查：

$(".team-member").slideDown();

和

$(".team-member").slideUp();

函数

【讨论】：