滑動面板關閉時點擊outsite並鏈接到打開的面板

Question

我打算使用滑動面板作爲此website的頁面。 即使艱難我是一個JS noob我設法找到並編輯腳本，直到我幾乎完美script

問題是，滑動面板關閉時，點擊外面。然後，我想在另一個面板打開時關閉，而不是在有人在面板外點擊時關閉。

此外，這將是一個單頁設計，除了投資組合。我打開了投資組合面板的index.html鏈接。我可以這樣做嗎？爲了更好地理解我的意思，請檢查這個image。

編輯：好吧我會解釋得更好。

這將是一個單頁設計，因爲我將使用頁面的滑動面板。然而，每個圖庫項目都會有它自己的html頁面，因爲我不希望網站變慢。

所以我需要portfolioitem1.html鏈接到的index.html與投資組合面板就像我張貼

Answer 1

這裏的圖像開放是一個的jsfiddle解決該問題的第一部分：

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

導致面板摺疊的東西是您正在使用的document.click()函數。我已將所有內容都移至$(document).ready()函數中，爲滑塊和按鈕添加了一些通用包裝，並使用了在所有三個按鈕之間共享的通用點擊功能。

點擊功能使用被點擊的按鈕的data-rel屬性來決定它應該切換的面板。它還隱藏了在#content div內已經可見的任何面板。

要打開默認的投資組合面板，可以後立即對（「點擊」）功能補充一點：

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

將觸發組合動畫（見http://jsfiddle.net/aUHwA/3/）。或者：

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

將立即打開組合面板，沒有滑動動畫（見http://jsfiddle.net/aUHwA/2/）。