Javascript Wordpress管理员类菜单

有谁能给我提供一个教程或插件的链接，最好是在jQuery中，这样我就可以创建一个菜单，不仅可以垂直折叠（jQueryUI的手风琴），还可以水平折叠？无论我在谷歌上搜索什么，我能找到的都是垂直的，而据我所知，Wordpress one与它的核心是超级集成的

编辑：这里是一些截图。第一个是正常的，第二个是垂直展开/折叠的，第三个是水平折叠的

---

试试jQuery UI，我想这就是WP使用的

html

<div class="hide-menu">Hide Menu</div>
<ul id="menu">
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li>
         <ul class="subs"><li><a href="">Subs</a></li></ul>
    </li>
</ul>

---

当然，上面的方法不会完全像wordpress那样工作，或者可能根本不起作用，但你可以这样想：）我希望你可以使用一个插件，比如Accordion或者（稍微像wordpress）来进行垂直折叠，然后将菜单放在一个div中，可以使用类似的插件水平折叠。或者只需使用.animate（）更改菜单DIV的宽度

---

还请注意wordpress如何从菜单中删除文本，但保留图标。

我将切换一个类，正如您可以看到的那样，有一个箭头可以水平切换。因此，只需添加或删除类，并使用CSS完成效果，如下所示：

$(mi-button).click(function(e){
     $(mi-menu-selector).toggleClass(your-class);
     e.preventDefault;

});

使用Css显示或隐藏菜单中每个li的文本

.hide-horizontal{
text-indent:-999em;
}

---

您需要使用响应性设计来实现这一点

您可以使用CSS媒体查询：

---

对不起，你在问什么？你想要一个垂直和水平折叠的菜单吗？？？这么困惑，有没有一个例子？我想他的意思是。菜单链接垂直折叠，整个菜单本身滑动？但是这可能是任何人猜测的lol:）@Neurofluxiation:为清晰起见添加了截图：）@Val:为清晰起见添加了截图：）@josh有很多方法可以做到这一点，你将维护图标和CSS属性。正如Wordpress Admin Menu.btw一样，您可以确保当

#Menu

很小时，您需要

溢出：隐藏然后
溢出：最大化时可见：）（即css中）
.hide-horizontal{
text-indent:-999em;
}