Pergunta

Eu tenho uma div onde eu clicar em um link para slideDown. Como esperado, faz o que promete no entanto, eu prefiro-a deslizar aberto sem empurrar os outros elementos para baixo também. assim como uma camada por cima das outras camadas. isso é possível?

Foi útil?

Solução

É possível, mas não inteiramente simples. Já fiz isso antes aqui (o vídeo do pairo-overs) .

O conceito vai basicamente:

  1. Definir posição relativa no seu elemento atual (o que você está flutuando, ou seu pai se isso faz mais sentido). Isto pode ser estaticamente definido no seu CSS.
  2. Criar um novo elemento, estilo que de forma semelhante com as mesmas dimensões e posicioná-lo logo acima da sua elemento atual usando position:absolute e z-index:...
  3. usar slideDown (ou alterar a altura, mais uma vez, dependendo do que faz mais sentido) e deve estar acima do resto do seu conteúdo

Outras dicas

Tente flutuante seus elementos. Se eles estão div é que deve deslizar uns sobre os outros.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top