做鼠标点击事件更改CSS方法：
若点击AAA后一直都是none，点任意一个地方都是none.
<div class="BBB" style="display: none">
则把hide,show方法，换成css()，和你上面那样式放进去即可。
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
方法步骤：
先获取要改变css的元素。
改变这个元素的style属性。
eg:下面是改变div的背景色,改为蓝色。
<style>
div{width:200pxheight:200pxbackground:#f00}
</style>
<div>改变背景色</div>
<script>
var div = document.getElementsByTagName("div")
div.style.background = "blue"
</script>
