Jquery 如何使菜单仅在满足特定条件时才可单击？

当满足一定条件时，如何使菜单可点击或可删除？在这种情况下，我希望在单击按钮时菜单仅可单击或可删除

ul{列表样式：无；填充：0px；边距：0px；}
ul li{显示：块；位置：相对；浮动：左；边框：1px实心#000}
li ul{显示：无；}
ulli{显示：块；背景：#000；填充：5px 10px 5px 10px；文本装饰：无；
空白：nowrap；颜色：#fff；}
ul li a:hover{背景：#f00；}
li:悬停ul{显示：块；位置：绝对；}
li：悬停li{float:none；}
李：将鼠标悬停在{背景：#f00；}
li:hover li a:hover{background:#000；}
#下拉导航li ul li{边框顶部：0px；}

点击我

一种解决方案是为悬停（用于下拉）使用额外的类规则，并在单击按钮时将类添加到

ul

对于click处理程序，您也可以执行相同的操作，以查看

ul

是否具有clicked类

$（'clickme'）。单击（函数（）{
$（'#drop nav'）。addClass（'单击'）
})

ul{
列表样式：无；
填充：0px；
边际：0px；
}
ulli{
显示：块；
位置：相对位置；
浮动：左；
边框：1px实心#000
}
李乌尔{
显示：无；
}
ullia{
显示：块；
背景：#000；
填充：5px10px 5px10px；
文字装饰：无；
空白：nowrap；
颜色：#fff；
}
#drop-nav.li a:悬停{
背景：#f00；
}
#drop-nav.li：悬停{
显示：块；
位置：绝对位置；
}
#drop-nav.clicked li:悬停li{
浮动：无；
}
#drop-nav.clicked li:将鼠标悬停在a上{
背景：#f00；
}
#下拉导航。单击li:悬停li a:悬停{
背景：#000；
}
#下拉导航。单击li ul li{
边框顶部：0px；
}

单击我

您所说的可单击是什么意思。。。是否添加了任何单击处理程序。。。还是希望下拉列表仅在单击按钮后显示