我打算使用滑动面板作为这个网站的页面。即使很难，我也是一个 JS 菜鸟，我设法找到并编辑脚本，直到我得到了几乎完美的脚本
问题是在外部单击时滑动面板正在关闭。然后我想在另一个面板打开时关闭，而不是当有人在面板外点击时关闭。
这也将是一个单页设计，除了投资组合。我打开了投资组合面板的 index.html 链接。我可以这样做吗？为了更好地理解我的意思，请查看这张图片。
编辑：好的，我会解释得更好。
这将是单页设计，因为我将使用滑动面板进行页面。然而，每个画廊项目都会有它自己的 html 页面，因为我不希望网站变慢。
所以我需要将portfolioitem1.html 链接到index.html 并打开投资组合面板，就像我发布的图片一样
这是一个解决第一部分问题的 jsFiddle：
http://jsfiddle.net/aUHwA/1/
导致面板崩溃的是document.click()您正在使用的功能。我将所有内容都移到了一个$(document).ready()函数中，为滑块和按钮添加了一些通用包装器，并使用了一个在所有三个按钮之间共享的通用点击函数。
click 函数使用data-rel被点击按钮的属性来决定它应该切换哪个面板。它还隐藏了#contentdiv 中已经可见的所有面板。
要默认打开投资组合面板，您可以在 on('click') 函数之后立即添加：
$('#portfolio_button').click();
这将触发投资组合动画（参见http://jsfiddle.net/aUHwA/3/）。或者：
$('#portfolio').slideToggle(0);
将立即打开投资组合面板，没有滑动动画（参见http://jsfiddle.net/aUHwA/2/）。