Jquery 我怎样才能使这个.slideToggle方法起作用？

当我使用.slideToggle/.slideDown/.slideUp时，不会发生任何操作，我也不知道如何进行操作，因此在滚动网页时，导航菜单会自动下降。我指的导航菜单是#webdsn下拉菜单

HTML:

jQuery：

$(document).ready(function(){
    $('#web').hover(function(){
        $('#webdsn-drop').slideToggle();
    });

});

---

您没有关闭

网站设计

如果将鼠标悬停在“网站设计”上，将显示下拉菜单。这就是你要找的吗

$（文档）.ready（函数（）{
$（'#web'）。悬停（函数（）{
$（“#webdsn drop”）.slideToggle（）；
});
});
正文{
保证金：0自动；
宽度：950px；
/*边框：实心；
边框颜色：黑色*/
背景色：#F2F2；
}
/*--------------导航栏------------*/
#导航栏{
宽度：100%；
背景色：白色；
溢出：自动；
位置：固定；
左：0px；
顶部：0px；
边框底部：实心；
边框宽度：1px；
边框颜色：#d8d8d8；
溢出：隐藏；
z指数：10；
}
#导航集装箱{
最大宽度：950px；
最小宽度：750px；
保证金：0自动；
}
#导航集装箱h1{
浮动：左；
保证金：0自动；
填充顶部：10px；
字体系列：“calibri light”；
字体大小：25px；
字母间距：0.3em；
左边距：5px；
过渡：颜色0.3s；
}
#导航集装箱a{
浮动：对；
显示：块；
填充：15px 15px；
文字装饰：无；
颜色：黑色；
字体系列：“calibri light”，无衬线；
字号：18px；
过渡：背景色0.5s；
}
#导航集装箱a：悬停{
背景色：#F4；
过渡：背景色0.5s；
}
#导航集装箱a：激活{
背景色：#bfbf；
}
#导航集装箱h1：悬停{
颜色：#AAAAA；
过渡：颜色0.3s；
}
#webdsn删除{
填充：75px0；
背景色：rgba（2522522520.95）；
边框底部：实心1px#d8d8；
高度：200px；
位置：固定；
宽度：100%；
左：0px；
顶部：0px；
盒影：0 10px 10px-5px rgba（0,0,0,0.3）；
z指数：9；
显示：无；
}
#webdsn内容{
宽度：950px；
保证金：0自动；
}
#网站名{
颜色：黑色；
边框：实心；
边框宽度：1px；
边界半径：7.5px；
填充：5px15px；
显示：内联；
字体系列：“calibri light”；
字母间距：2.5px；
}
/*--------------横幅------------*/
#条幅容器{
边缘顶部：75px；
边缘底部：25px；
文本对齐：居中；
背景色：白色；
填充：75px 0px；
边框：实心；
边框颜色：#d8d8d8；
边框宽度：1.5px；
}
#横幅容器h1{
字体系列：“calibri light”；
字体大小：35px；
字母间距：0.2米；
}
#横幅容器h2{
宽度：950px；
字体系列：“calibri light”；
字号：18px；
字母间距：0.2米；
}
/*-----------类别缩略图---------*/
#thmbnl容器{
宽度：950px；
显示器：flex；
证明内容：之间的空间；
}
.ctgrs集装箱{
背景色：白色；
显示：内联块；
填充：13px 13px 0px 13px；
边框：实心；
边框宽度：1.5px；
边框颜色：#d8d8d8；
盒影：无；
过渡：框影0.25s缓；
边缘底部：25px；
}
.ctgrs集装箱img{
高度：190px；
宽度：190px；
}
.ctgrs集装箱h1{
文本对齐：居中；
字体系列：“calibri light”；
字体大小：24px；
线高：25px；
}
.ctgrs集装箱a{
文字装饰：无；
颜色：黑色；
}
.ctgrs容器：悬停{
盒影：0px 0px 30px 0px#727272；
过渡：框影0.25s缓；
}
/*----------近期项目----------*/
#近期集装箱{
宽度：950px；
高度：275px；
背景色：；
边框：实心；
边框宽度：1.5px；
边框颜色：#d8d8d8；
边缘底部：25px；
位置：绝对位置；
溢出-x：滚动；
溢出y：隐藏；
空白：nowrap；
}
.thmbnl最近{
填充：20px 13px 0px 13px；
宽度：190px；
显示：内联块；
边框：实心；
边框宽度：1.5px；
边框颜色：#d8d8d8；
背景色：白色；
过渡：背景色0.3s；
光标：指针；
}
.thmbnl最近的h1{
文本对齐：居中；
字体系列：“calibri light”；
字体大小：24px；
保证金：0自动；
填充：10px 0px；
字母间距：2px；
}
#最近的标题{
字体系列：“calibri light”；
文本对齐：居中；
宽度：950px；
背景色：白色；
保证金：0自动；
填充：10px 0px；
位置：相对位置；
z指数：2；
边框顶部：实心；
右边界：实心；
左边框：实心；
盒影：0 10px 10px-5px rgba（0,0,0,0.3）；
边框宽度：1.5px；
边框颜色：#d8d8d8；
}
.thmbnl最近：悬停{
背景色：#e8e8e8；
过渡：背景色0.3s；
}
.thmbnl最近：活动{
背景色：#d1d1；
}
/*--------幻灯片图像---------*/
#画廊容器{
利润率：75px 0px 45px 0px；
文本对齐：居中；
边框：实心；
边框颜色：#d8d8d8；
边框宽度：1.5px；
}
#滑动段{
文本对齐：居中；
背景色：白色；
填充：20px 20px 0px 20px；
}
#画廊容器h1{
填充：15px 0 15px 0；
保证金：0；
字体系列：“calibri light”；
字体大小：30px；
边框底部：实心；
背景色：白色；
边框颜色：#d8d8d8；
边框宽度：1.5px；
盒影：0.7px15px-2pxRGBA（0,0,0,0.3）；
z指数：3；
位置：相对位置；
}
#伊姆格罗{
边缘顶部：20px；
垫底：20px；
显示器：flex；
证明内容：之间的空间；
}

家
文件夹
网站设计
LOREM IPSUM
样本
Lorem Ipsum样本Lorem Ipsum样本
近期项目
body {
    margin: 0 auto;
    width: 950px;
    /* border: solid;
    border-color: black; */
    background-color: #f2f2f2;

}

/*--------------Navigation Bar------------*/

#navbar {
    width: 100%;
    background-color: white;
    overflow: auto;
    position: fixed;
    left: 0px;
    top: 0px;
    border-bottom: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    overflow: hidden;
    z-index: 10;
}

#nav-container {
    max-width: 950px;
    min-width: 750px;
    margin: 0 auto;


}

#nav-container h1 {
    float: left;
    margin: 0 auto;
    padding-top: 10px;
    font-family: "calibri light";
    font-size: 25px;
    letter-spacing: 0.3em;
    margin-left: 5px;
    transition: color 0.3s ease;

}

#nav-container a {
    float: right;
    display: block;
    padding: 15px 15px;
    text-decoration: none;
    color: black;
    font-family: "calibri light", sans-serif;
    font-size: 18px;
    transition: background-color 0.5s ease;

}

#nav-container a:hover {
    background-color: #f4f4f4;
    transition: background-color 0.5s ease;
}

#nav-container a:active {
    background-color: #bfbfbf;
}

#nav-container h1:hover {
    color: #aaaaaa;
    transition: color 0.3s ease;
}

#webdsn-drop{
    padding: 75px 0 0 0;
    background-color: rgba(252, 252, 252, 0.95);
    border-bottom: solid 1px #d8d8d8;
    height: 200px;
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.3);
    z-index: 9;
    display: none;
}

#webdsn-content{
    width: 950px;
    margin: 0 auto;
}

#webname{
    color: black;
    border: solid;
    border-width: 1px;
    border-radius: 7.5px;
    padding: 5px 15px;
    display: inline;
    font-family: 'calibri light';
    letter-spacing: 2.5px;  
}

/*--------------Banner------------*/

#banner-container {
    margin-top: 75px ;
    margin-bottom: 25px;
    text-align: center;
    background-color: white;
    padding: 75px 0px;
    border: solid;
    border-color: #d8d8d8;
    border-width: 1.5px;

}

#banner-container h1 {
    font-family: "calibri light";
    font-size: 35px;
    letter-spacing: 0.2em;

}

#banner-container h2 {
    width: 950px;
    font-family: "calibri light";
    font-size: 18px;
    letter-spacing: 0.2em;
}

/*-----------Category Thumbnails---------*/

#thmbnl-container {
    width: 950px;   
    display: flex;
    justify-content: space-between;
}

.ctgrs-container {
    background-color: white;
    display: inline-block;
    padding: 13px 13px 0px 13px;
    border: solid;
    border-width: 1.5px;
    border-color: #d8d8d8;
    box-shadow: none;
    transition: box-shadow 0.25s ease;  
    margin-bottom: 25px;
}

.ctgrs-container img {
    height: 190px;
    width: 190px;
}


.ctgrs-container h1 {
    text-align: center;
    font-family: "calibri light";
    font-size: 24px;
    line-height: 25px;
}

.ctgrs-container a {
    text-decoration: none;
    color: black;
}


.ctgrs-container:hover {
    box-shadow: 0px 0px 30px 0px #727272;
    transition: box-shadow 0.25s ease;
}

/*----------Recent Projects----------*/

#recent-container {
    width: 950px;
    height: 275px;
    background-color: ;
    border: solid;
    border-width: 1.5px;
    border-color: #d8d8d8;
    margin-bottom: 25px;
    position: absolute;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;

}

.thmbnl-recent {
    padding: 20px 13px 0px 13px;
    width: 190px;
    display: inline-block;
    border: solid;
    border-width: 1.5px;
    border-color: #d8d8d8;
    background-color: white;
    transition: background-color 0.3s ease;
    cursor: pointer;

}

.thmbnl-recent h1 {
    text-align: center;
    font-family: "calibri light";
    font-size: 24px;
    margin: 0 auto;
    padding: 10px 0px;
    letter-spacing: 2px;
}

#recent-title {
    font-family: "calibri light";
    text-align: center;
    width: 950px;
    background-color: white;
    margin: 0 auto;
    padding: 10px 0px;
    position: relative;
    z-index: 2;
    border-top: solid;
    border-right: solid;
    border-left: solid;
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.3);
    border-width: 1.5px;
    border-color: #d8d8d8;
}

.thmbnl-recent:hover {
    background-color: #e8e8e8;
    transition: background-color 0.3s ease;
}

.thmbnl-recent:active {
    background-color: #d1d1d1;
}


/*--------SLIDE IMAGE---------*/

#gallery-container {
    margin: 75px 0px 45px 0px;
    text-align: center;
    border: solid;
    border-color: #d8d8d8;
    border-width: 1.5px;
}

#slide-section {
    text-align: center;
    background-color: white;
    padding: 20px 20px 0px 20px;

}

#gallery-container h1{
    padding: 15px 0 15px 0;
    margin: 0;
    font-family: "calibri light";
    font-size: 30px;
    border-bottom: solid;
    background-color: white;
    border-color: #d8d8d8;
    border-width: 1.5px;
    box-shadow: 0 7px 15px -2px rgba(0, 0, 0, 0.3);
    z-index: 3;
    position: relative;
}

#imgrow {
    margin-top: 20px;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;

}

$(document).ready(function(){
    $('#web').hover(function(){
        $('#webdsn-drop').slideToggle();
    });

});