僅支持Unskewing導航欄下拉菜單HTML5/CSS/jQuery

測試導航欄，現在我的每一塊都傾斜-30度。當任何指定的作品被點擊時，其內容會下降顯示在點擊的下方。僅支持Unskewing導航欄下拉菜單HTML5/CSS/jQuery

我想要打開的點擊片的部分顯示的內容是一個正常的矩形，但相反，平行四邊形只是變得更大，以容納內容。所以理想情況下，被點擊的部分將保持頂部傾斜，但打開矩形底部以保持其內容。

試圖用div的是如何互相牽制和周圍的

 transform: skewX(30deg); 
    -o-transform: skewX(30deg); 
    -ms-transform: skewX(30deg); 
-webkit-transform: skewX(30deg);

移動亂搞，但似乎只是使事情變得更糟，任何幫助表示讚賞！

2013-07-29 Instinct

這樣嗎？ http://jsfiddle.net/ZUwyj/1/ –

這是我尋找的更多，但標題文本由於某種原因不理順？看起來像.header CSS部分沒有做任何事情，看起來一樣被刪除？ – Instinct

想想而不是再次調用.header再次只需要在頭一個內部創建另一個div - 似乎工作http://jsfiddle.net/ZUwyj/2/ – Instinct

你只需要一個活躍的類添加到導航與skewX(0deg)。

這是jsFiddle。

編輯

更新的jsfiddle

2013-07-30 00:41:54 L105

回答