像WordPress一樣的左菜單

Question

我試圖找到一個javascript庫（最好能用usjy jquery完成），以便在登錄后或多或少地復制wordpress左菜單欄的功能。

此菜單包含帶有名稱的圖像，您可以展開/折疊，如果將鼠標懸停在新的擴展窗口中，則可以看到這些選項；如果單擊它，則菜單具有與先前顯示的選項相同的擴展...

我發現了一些庫/ jquery插件，但它們不太接近...

我並不是在尋找免費的開放選項，它可以是商業選項。

也許可以通過jQuery折疊來完成，但是，如果它已經存在，那就更好了……

謝謝，

Answer 1

基本的javascript和css都可以完成此工作，菜單是一個ul，每個菜單項是一個li，其中包含另一個ul，其顯示內容為：none; 在CSS中。 當您單擊它時，只需使用javascript即可顯示它。 對於懸停，只需在每個li元素上添加一個事件偵聽器來懸停，然后顯示/隱藏ul或附加它。

還是我想念您想要的東西？

Answer 2

像這樣嗎

看這個演示

$('ul#tabs li').hover(function() {
  $(this).find('ul').hide().stop().animate({height: 'toggle'});
}, function(){
  $(this).find('ul').stop().animate({height: 'toggle'});
});

也可以在禁用JS的情況下使用。