jQuery slideDown() - div с абсолютным позиционированием скользит вниз сверху страницы, нужно скользить из определенной области на странице - как?

Я создаю веб-сайт, на главной странице которого есть изображение дома. В доме есть несколько окон и дверь. Когда пользователь щелкает определенное окно, всплывает

с некоторым текстом. Дверь имеет ту же функциональность, только я хотел бы, чтобы всплывающий
имел эффект «скользящего вниз», и мне нужна позиция этого под дверью. Таким образом,
будет скользить вниз/расширяться от того места, где расположена дверь.

Я использую метод jQuery slideDown(), но в результате я получаю «всплывающий элемент div», который скользит вниз с верхней части страницы, а не из абсолютного позиционирования

, который представляет дверь на изображении.

Фрагмент моего кода размещен ниже.

Как я могу получить нужные результаты?

Вот код на JsFiddle -

jsfiddle.net/katura99/A36Fw
     
            


            

            

            


            
            
Content text here
 
  

5
задан katura 19 March 2012 в 16:53
поделиться