jQuery中的「Drop Up」菜單問題

Question

好的，我真的需要一些幫助。我是新設計和東西，但我是一個很好的學習者。無論如何，我試圖建立這個網站，我需要在頁面中間創建一個菜單。它就像是，有一個標誌，當你翻轉它時，菜單在它上面滑動，而不是象普通菜單一樣下移。腳本運行的很好，我使用的是jQuery和所有的菜單，當你翻轉菜單時，菜單會上升，但問題是，當菜單向上滑動時，徽標會停止。就像我希望徽標保持不變，只有菜單上升。我不知道自己做錯了什麼，但是這讓我很頭痛...是的，我知道，我是一個新手，但我剛開始學習這個東西...

這是腳本：

<script type="text/javascript"> 
     $(document).ready(function(){ 

$(".btn-slide").mouseenter(function(){ 
$("#panel").slideToggle("slow"); 
$(this).toggleClass("active"); return false; 
}); 

}); 
     </script> 

這裏是CSS：

 #panel { 
background: #fff; 
height: 150px; 
display: none; 
     } 
     .slide { 
margin: 0; 
padding: 0; 
background: url(img/menu/main.jpg) no-repeat center top; 
     } 
     .btn-slide { 
background: url(img/menu/main.jpg) no-repeat right; 
text-align: center; 
width: 150px; 
height: 58px; 
padding: 0px 0px 0 0; 
margin: 0 auto; 
display: block; 
color: #fff; 
text-decoration: none; 
     } 
     .active { 
     background-image:url(img/menu/main.jpg); 
     } 

我不會張貼的HTML，因爲你們可以在網站上看到的來源。

PS。我用了一個表單元格中的DIV ......如果有人可以請幫我....

這是菜單：

http://www.avuzedesigns.com/estiloearte/

Answer 1

#panel { 
    background: none repeat scroll 0 0 #FFFFFF; 
    display: none; 
    height: 150px; 

    margin-top: -150px; 
    position: relative; 
}