/ / Menu esquerdo como wordpress - javascript, jquery

Menu à esquerda como wordpress - javascript, jquery

Eu estou tentando encontrar uma biblioteca javascript (melhor se pode ser feito usiny jquery) para replicar mais ou menos a funcionalidade da barra de menu esquerda do wordpress, uma vez que você está logado.

Este menu tem imagens com nomes, você pode expandir / recolher, se você passar o mouse você pode ver as opções em uma nova janela estendida, se você clicar no menu expandir com as mesmas opções ...

Eu encontrei algumas bibliotecas / plugins jquery, mas eles não estão muito perto ...

Eu não estou amarrado para encontrar uma opção aberta livre, pode ser comercial.

Maye isso pode ser feito com colapso jquery, mas bem, se já existe, melhor ...

obrigado,

Veja a imagem anexada.

Respostas:

0 para resposta № 1

Javascript básico e css vai fazer o trabalho, omenu é um ul e cada item do menu é um li com outro ul dentro dele, que possui display: none; em css. Quando você clica nele, basta usar o javascript para mostrá-lo. Para o hover, basta adicionar um ouvinte de evento para passar o mouse em cada li-elemento e mostrar / ocultar o ul ou anexá-lo.

Ou estou sentindo falta de algo que você está procurando?


0 para resposta № 2

Algo assim?

Veja esta demonstração

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

Funciona também com o JS desativado.