Mostrar e expandir div oculta

[rafaelsouzab 2]

Eu estou com um pouco de duvida referente a um efeito que ainda não vi em nenhum site mas tenho certeza que da pra fazer kkkk

 

creio eu que misture um pouco da lógica desses dois exemplos :

 

http://www.maujor.com/blog/pg_apoio/jquery-toggle-texto-exemplo.html

 

(exemplo 2 no site)

 

http://wime.com.br/2015/03/09/3-efeitos-em-css-ao-passar-o-mouse/

 

Gostaria de saber mesmo como fazer com que no Hover de uma div aparece um "bloco" indo para direita, com um texto, provavelmente irei utilizar um slidedown na div que vai estar na frente para a esquerda, parece meio confuso, qualquer coisa eu faço um exemplo no photoshop para que possam entender melhor, mas basicamente é uma div deslisando para a esquerda, que vai mostrar uma div que deslisa para a esquerda com um texto, as tives vão ter a mesma altura obviamente porem a div que esta por traz precisa ter uma largura maior, talves um comando em jquery para adicionar a largura possa resolver.... Se puderem ajudar irei ficar muito grato.

[rafaelsouzab 2]

O efeito na verdade é feito com uma lista, se alguem puder ajudar,

[L. Henrique 179]

Rafael,

Se você pegar o modelo do Maujor e trocar o evento Click para Hover, conseguirá chegar no que deseja. No jQuery você pode resgatar a altura do elemento e atribuir ele ao momento do hover. Quer um exemplo?

$('#id').hover(function() {
   var altura = $('#div_conteudo').height();

   $('#div_sobreposta').css('margin-top', altura);
});

Abraços!