Javascript 将悬停转换为单击事件

你能帮我把它转换成点击事件而不是悬停吗

$（文档）.ready（函数（）{
//悬停时显示然后隐藏ddown菜单
$（'.menuitem'）。悬停（函数（）{
$（this）.children（'.navmain'）.slideDown（500）；
}，函数（）{
$（this）.children（'.navmain'）.slideUp（500）；
});
}); 

在上使用

，并在函数调用之前将
çlick
作为第一个参数传递

<script>
$(document).ready(function () {
    //Show then hide ddown menu on hover
    $('.menuitem').on('click', function () {
    $(this).children('.navmain').slideDown(500);
    }, function () {
        $(this).children('.navmain').slideUp(500);
    });
}); 
</script>


$（文档）.ready（函数（）{
//悬停时显示然后隐藏ddown菜单
$（'.menuitem'）。在（'click'，函数（）{
$（this）.children（'.navmain'）.slideDown（500）；
}，函数（）{
$（this）.children（'.navmain'）.slideUp（500）；
});
}); 
我认为这对您很合适：

我已将
.slideDown（500）
和
.slideUp（500）
更改为
。slideToggle（500）


$（文档）.ready（函数（）{
//悬停时显示然后隐藏ddown菜单
$（文档）.on（'单击'，'.menuitem'，函数（）{
$（this）.children（'.navmain'）.slideToggle（500）；
});
});
.top>li:悬停{
文字装饰：下划线；
}
/*悬停时显示菜单下拉列表*/
/*相对于导航栏定位菜单下拉列表*/
.top>li>div{
位置：绝对位置；
左：0；
top:41px；
/*除非导航栏处于悬停状态，否则不显示*/
显示：无；
背景：#fff；
填充：10px 10px；
盒影：2px4p4pRGBA（0,0,0,0.4）；
/*隐藏任何可能在div之外的内容*/
溢出：隐藏；
}
/*导航栏样式结束*/
/*下拉菜单样式*/
纳夫曼先生{
宽度：100%；
边框：1px实心#B2BEB5；
}
.导航分频器{
显示：内联块；
宽度：1.8%；
}
.nav焦点艺术{
显示：内联块；
宽度：20%；
垂直对齐：顶部；
文本对齐：左对齐；
动画持续时间：4s；
}
.nav艺术作家，
.导航艺术名称{
显示：内联块；
填充：5px0px；
}
.导航艺术名称{
字号：1.4em；
}
.导航艺术图像{
显示：内联块；
}
.导航分隔器-2{
显示：内联块；
宽度：3.8%；
}
.导航标题{
显示：内联块；
宽度：40%；
字体大小：1.2米；
字体大小：粗体；
文本对齐：左对齐；
右侧填充：3px；
}
.导航标题链接{
边框底部：1px实心#B2BEB5；
填充：0 5px 0；
}
.导航标题文本{
填充：10px 0px；
字体系列：“Arapey”，衬线；
颜色：#000000；
字号：17px；
字体大小：400；
}
海军艺术作家{
字体大小：15px；
文字装饰：无；
}
a、 导航文本链接：链接，
a、 导航文本链接：已访问，
a、 导航文本链接：悬停，
a、 导航文本链接：激活{
文字装饰：无；
颜色：#603c68；
字体大小：400；
}
a、 导航文本链接：悬停{
文字装饰：无；
字号：700；
}
.nav标题链接：最后一个孩子{
边框宽度：0px；
}
.导航链接{
显示：内联块；
宽度：20%；
垂直对齐：顶部；
文本对齐：左对齐；
}
.导航链路{
垫底：20px；
}
.导航空单元{
填充顶部：40px；
}
.导航标题链接：第一个孩子{
颜色：#bfa76a；
字体大小：40px；
字体系列：“Playfair显示”，衬线；
字号：700；
}
.nav链接：第一个子{}
/*下拉菜单样式结束*/




胸罩
Giē；Giē；专门为所有女性寻找舒适、合身、漂亮的文胸。来体验一个专业的文胸试穿与我们的认证装配工之一。我们有一系列令人惊叹的胸罩，尺寸从
28英寸至56英寸带和AA至J罩杯！！






























可能会将
悬停
变为
单击
并将
向下滑动、滑动
变为
滑动切换
当我们单击下一个下拉菜单时，是否可以自动隐藏/关闭上一个下拉菜单。。。。我是说，当我点击4个不同的菜单。。我必须关闭所有以前打开的菜单。感谢Luke的帮助，很遗憾，它不起作用。