隱藏和顯示：通過jquery或更好的解決方案之前？

好吧，這讓我瘋狂。我們安裝了一個WP插件來創建一個「Mega Menu」。現在，每個菜單上的懸停底部箭頭都會受到應用了這個超級菜單（「連接」和「資源」）的菜單的影響。最初，它被放置在菜單的中間，但由於Mega Menus使用全寬度，所以該位置被擰緊。所以，我隱藏了原來的「箭頭」，並在兩個超級菜單鏈接（「連接」和「資源」）之前使用a：創建另一個。這裏是鏈接的開發環境：隱藏和顯示：通過jquery或更好的解決方案之前？

（鏈接）（主菜單）

我的問題：是否有可能隱藏/使用假點演出或底部邊框的顏色變化（：之前）？每次顯示子菜單時，我都可以改變顏色。

如果我正在嘗試的解決方案不可行，我將不勝感激任何幫助或建議。

另外，讓我知道如果你想我回到最初的問題，以防萬一你認爲你可以找出一個更好的主意與我的。

謝謝！

來源

2015-11-10 Marcio

隱藏超大菜單箭頭從css。 – atilkan

好的。每次顯示子菜單時，我如何讓它們動態顯示它們？ – Marcio

看看我的答案。找到控制大型菜單的css。第一部分來自你的CSS。 – atilkan

我沒有測試，但這樣的事情。

a:first-child:before { 
    left: 50%; 
    top: 9.5px; 
    margin: 0px 0px 0px -10px; 
    width: 0; 
    height: 0; 
    border: 5px solid transparent; 
    border-bottom-color: #fff; 
    content: " "; 
    pointer-events: none; 
    position: relative; 
    bottom: auto; 
    opacity: 0; /* here */ 
} 

a:hover:first-child:before { /*hover*/ 
    opacity: 1; 
} 

li.megamenu:hover > a:first-child:before { 
    opacity: 1; 
}

來源

2015-11-10 02:39:57 atilkan

那麼，只有當鏈接懸停時，箭頭纔會停留在那裏，而不是在顯示整個菜單時。說得通？我剛剛添加到我的CSS。看一看。 – Marcio

顯示默認值必須是別的。嘗試不透明。我在編輯答案。 – atilkan

是的，但每次顯示子菜單時，仍然必須使不透明度/顏色發生變化。因爲懸停時，只會顯示菜單標題懸停。 – Marcio

隱藏和顯示：通過jquery或更好的解決方案之前？

回答

相關問題