Question

我计划将滑动面板用作此website的页面。即使是艰难的我也是一个JS菜鸟我设法找到并编辑脚本，直到我得到了相当完美的script

问题是滑动面板在外面点击时关闭。我希望在另一个面板打开时关闭，但是当有人在面板外点击时不要关闭。

除了投资组合外，这也是一个单页设计。我打开了投资组合面板的index.html链接。我能这样做吗？要更好地理解我的意思，请查看image。

编辑：好的，我会更好地解释。

这将是一个单页设计，因为我将使用滑动面板作为页面。但是每个图库项目都有自己的html页面，因为我不希望网站变慢。

所以我需要将portfolioitem1.html链接到index.html，投资组合面板就像我发布的图像一样打开

Answer 1

这是一个解决问题第一部分的jsFiddle：

导致面板折叠的原因是您正在使用的document.click()功能。我已将所有内容移动到$(document).ready()函数中，为滑块和按钮添加了一些通用包装器，并使用了在所有三个按钮上共享的通用单击函数。

点击功能使用单击按钮的data-rel属性来决定应该切换的面板。它还隐藏了#content div中已经可见的任何面板。

要默认打开投资组合面板，您可以在开启（'点击'）功能后立即添加：

$('#portfolio_button').click();

这将触发投资组合动画（参见http://jsfiddle.net/aUHwA/3/）。可替换地：

$('#portfolio').slideToggle(0);

将立即打开投资组合面板，无需滑动动画（参见http://jsfiddle.net/aUHwA/2/）。