WordPress Admin-как меню

Question

Может ли кто-нибудь предоставить мне ссылку на учебник или плагин, желательно в jQuery, который позволит мне создать меню, которое не только сворачивается по вертикали (Accordian jQueryUI), но и сворачивается по горизонтали? Независимо от того, что я гуглю, все, что я могу найти, это вертикальные, и, насколько я могу судить, Wordpress один сверхинтегрирован в свое ядро.

РЕДАКТИРОВАТЬ: Вот несколько скриншотов. Первый нормальный, второй развернут / свернут по вертикали, третий свернут по горизонтали.

Answer 1

Вы можете использовать плагин, такой как Accordion или Collapsible Menu (немного более похожий на wordpress) для вертикального свертывания, а затем поместить это меню в элемент div, который может сворачиваться по горизонтали с плагином вроде TabSlideOut . Или просто измените ширину меню DIV с помощью .animate ().

Также обратите внимание, как WordPress удаляет текст из меню, но оставляет значки.

Answer 2

Попробуйте jQuery UI, я думаю, вот что использует WP http://jqueryui.com/

Answer 3

Вам нужно использовать адаптивный дизайн для достижения этой цели.

Вы можете использовать медиазапросы CSS:

http://en.wikipedia.org/wiki/Responsive_Web_Design

http://mediaqueri.es/

Answer 4

Я переключу класс, поскольку вы можете видеть, что есть стрелка, которая переключает по горизонтали.Итак, просто добавьте или удалите класс и с помощью CSS сделайте эффект готовым, например:

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

});

с помощью Css, чтобы показать или скрыть текст каждого li вашего меню.

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

Answer 5

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>

jQuery

$('.hide-menu').bind('click',function (){
    $('#menu').animate({width:30});//can always extend this.
    //u can use the if statement or toggle if u need toggling feature
});
$('#menu').children('li').bind('click',function (){
     //here u can hide the subs
})

сейчас, конечно, вышеприведенное не будет работать точно так же, как WordPress или может не работать вообще, но вы понимаете :) Я надеюсь