Jquery 如何使用if语句使菜单子项显示继承

当我点击我的菜单

li

时，它自己的子菜单

ul

显示出来。它工作得很好，但我想让它通过

.css

和if语句进行切换。我写了这段代码，但它不起作用

var asd=$（'#aa ul li>ul'）
$（'.es'）。单击（函数（）{
$（asd）.css（“显示”、“继承”）；
if（asd.css（“显示”）=“继承”）{
css（“显示”、“无”）
}
})

#aa{
位置：绝对位置；
宽度：230px；
身高：100%；
颜色：白色；
背景：绿色；
浮动：左；
}
#aa ul li{
填充：12px；
文本对齐：居中；
边框底部：1px纯白；
}
#aa ul li>ul{
显示：无；
}

马恩
马恩
Maain

maain 2


马恩
马恩

而不是花那么多精力。您只需使用

toggle（）

var asd=$（'#aa ul li>ul'）
$（'.es'）。单击（函数（）{
asd.toggle（）；
})

#aa{
位置：绝对位置；
宽度：230px；
身高：100%；
颜色：白色；
背景：绿色；
浮动：左；
}
#aa ul li{
填充：12px；
文本对齐：居中；
边框底部：1px纯白；
}
#aa ul li>ul{
显示：无；
}

马恩
马恩
Maain

maain 2


马恩
马恩

我更喜欢在课堂上做这类事情。（更快，更美观）

使用

.toggleClass('Active')

及

---

完整示例

.toggleClass('Active')

$（'.es'）。关闭（'click'）。打开（'click'，函数（）{
$（'aa ul li>ul'）。切换类（'Active'）；
});
#aa{
位置：绝对位置；
宽度：230px；
身高：100%；
颜色：白色；
背景：绿色；
浮动：左；
}
#aa ul li{
填充：12px；
文本对齐：居中；
边框底部：1px纯白；
}
#aa ul li>ul{
显示：继承；
}
#aa ul li>ul.Active{
显示：无；
}


马恩
马恩
Maain

maain 2


马恩
马恩

#aa ul li>ul.Active {
  display: none;
}