滑面板在外地單擊時關閉，並鏈接到打開的面板

Question

我打算將滑動面板用作該網站的頁面 。 甚至很難，我還是一個JS noob，我設法找到並編輯了腳本，直到獲得了非常完美的腳本為止

問題是，在外部單擊時，滑動面板會關閉。 然后，我想在另一個面板打開時關閉，但在有人在面板外部單擊時不關閉。

另外，這是除投資組合外的一頁設計。 我打開了投資組合面板，指向index.html的鏈接。 我可以那樣做嗎？ 為了更好地理解我的意思，請檢查這張圖片 。

編輯：好的，我會解釋得更好。

這將是一頁設計，因為我將在頁面上使用滑動面板。 但是，每個圖庫項目都會有自己的html頁面，因為我不希望網站運行緩慢。

因此，我需要在投資組合面板打開的情況下將Portfolioitem1.html鏈接到index.html，就像我發布的圖像一樣

Answer 1

這是一個jsFiddle解決了問題的第一部分：

http://jsfiddle.net/aUHwA/1​​/

導致面板崩潰的原因是您使用的document.click()函數。 我已經將所有內容移到$(document).ready()函數中，為滑塊和按鈕添加了一些通用包裝，並使用了在所有三個按鈕之間共享的通用click函數。

單擊功能使用單擊的按鈕的data-rel屬性來確定應切換的面板。 它還會隱藏#content div中已經可見的所有面板。

要默認打開投資組合面板，您可以在on（'click'）函數之后立即添加它：

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

這將觸發投資組合動畫（請參閱http://jsfiddle.net/aUHwA/3/ ）。 或者：

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

將立即打開投資組合面板，而沒有滑動動畫（請參閱http://jsfiddle.net/aUHwA/2/ ）。