在DIV上隱藏/顯示並顯示所選塊的腳本

Question

我有一個包含6個塊菜單選項的頁面，當您單擊一個頁面（例如'4'）時，它會在DIV對面顯示塊4內容，並顯示該塊如箭頭所選。

當你點擊另一個塊（例如'1'）時，它將取消選擇4，然後在DIV中選擇1顯示塊1的內容。

我正在尋找最好的腳本來做到這一點在JS或jQuery。我猜想我可以將塊作爲列表菜單構建，選中時CSS將用箭頭顯示圖像。

感謝

更新：這是它的外觀像一個樣機：

Answer 1

另一種選擇，而不是建立自己或jQueryUI的標籤，我寧願jQuery的工具標籤：

http://flowplayer.org/tools/tabs/

他們可以很容易地定製到您的情況與一些CS小號調整：

http://flowplayer.org/tools/demos/tabs/skins.html

（只需使用一些花車和寬度的變化在這裏，讓你在問什麼，包裝的其中XXX + YYY ==寬）

#panes  { width:XXXpx; float:right; } 
#nav  { width:YYYpx; } 
#nav ul { width:YYYpx; float:left; margin:0; padding:0; } 
#nav ul li { width:YYYpx; display:block; margin:0; padding:0; } /* no float! */ 

Answer 2

這是很好的jQuery用戶界面，其中有一個「標籤」功能來實現。

你可以使用jQuery UI選項卡，並選擇沿着頂部或沿着側面放置可選擇的選項，它會像你說你需要的行爲。

http://jqueryui.com/

標籤的演示是在這裏...

http://jqueryui.com/demos/tabs/