Olhando para criar uma expansão em pairar / contrato na desfocagem div

Ei, pessoal, estou batendo a cabeça nas paredes do mecanismo de busca há algumas horas e acho que devo perguntar ...

Preciso criar uma div de um tamanho em desfoque, digamos 300 x 30, que se expanda para 300 x 300 em foco e empurra todo o conteúdo abaixo para baixo e reverterá para o tamanho de 300 x 30 quando desfocada ("não está mais pairando" ou o que vocês estão chamando) agora-a-dia lol) novamente. Alguém pode me indicar alguns recursos ou até mesmo me dar alguns bits de código para brincar? Seria muito apreciado!

questionAnswers(3)

yourAnswerToTheQuestion