如何实现点击显示一个块，划出隐藏？

Question

如题所描述，假如dom结构是这样的 点击fa显示 ，划出这个块隐藏？求尽量精简的解决方案。<li class = 'fa'><ul class ='son'><li></li></ul></li>

Answer 1

.son {

    display: none;

}

.fa:hover .son{

display: block;

}

加css样式就可以