左菜單像wordpress

我試圖找到一個JavaScript庫（更好，如果可以做usiny jquery）複製或多或少WordPress的左菜單欄功能，一旦你記錄。左菜單像wordpress

此菜單包含名稱的圖像，您可以展開/摺疊，如果您懸停，您可以在新的擴展窗口中看到選項，如果點擊它，菜單將以相同的顯示選項展開，...

我發現一些庫/ jQuery插件，但他們不要太靠近...

我不依賴於找到一個免費開放的選項，它可以是一個商業項目之一。

馬爺它可以使用jQuery崩潰來完成，但是好了，如果它已經存在，更好的...

感謝，

See the attached image.

來源

2012-05-22 mongeta

可能沒有嵌入解決方案，涵蓋了JS，CSS和PHP，使得結果。但是如果你想要完全一樣的東西，你爲什麼不使用完全相同的東西？畢竟它是免費軟件。 https://core.svn.wordpress.org/trunk/ – pixelistik

有趣，我不知道，我會看看。謝謝 – mongeta

基本JavaScript和CSS將做的工作中，菜單是一個ul，每個菜單項是一個li，裏面有另一個ul，它有display：none;在CSS中。當你點擊它只是使用JavaScript來顯示它。爲了懸停，只需添加一個事件偵聽器來懸停每個li元素，並顯示/隱藏ul或將其追加。

或者我錯過了你想要的東西？

來源

2012-05-22 12:51:45 ninja

嗯，我不是一個javascript/jquery大師，我的工作完全不同，但我必須整合類似的東西:-) – mongeta

像這樣的東西？

Look at this demo

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

作品也與JS禁用。

來源

2012-05-22 13:33:51

不算太壞:-)與wordpress的不同之處在於，如果您將鼠標懸停在菜單上，（如您的），但如果您點擊菜單，選項出現在下方，它們就像手風琴一樣，只有一個菜單可以一次顯示其子菜單。謝謝 – mongeta

左菜單像wordpress

回答

相關問題