jquery navigation design implementation code. Friends who are learning jquery can take a look_navigation menu

<style type="text/css"> #menu{width:200px;} .has{background:#00DFAA; color:#FFFBF0; cursor:pointer} .hig{background:#FF5F55; color:#2A3F55;} div{padding:0px; margin:10px 0;} div a{background:#D41FAA; display:none; float:left; width:200px;} </style> <div id="menu"> <div class="has"> <span> </span> <a>Chapter 1</a> <a>1.1 Hahahahahaha</a> <a>1.2 Hahahahahaha</a> <a>1.3 hahahahahahaha</a> </div>1.4 hahahahahaha<div class="has"> <span> </span> <a>Chapter 2</a> <a>2.1 Hahahahahaha</a> <a>2.2 Hahahahahaha</a> <a>2.3 Hahahahahaha</a> </div>2.4 hahahahahaha<div class="has"> <span> </span> <a>Chapter 3</a> <a>3.1 Hahahahahaha</a> <a>3.2 Hahahahahaha</a> <a>3.3 Hahahahahaha</a> </div>3.4 hahahahahaha</div>
[Ctrl A select all Note:

If you need to introduce external Js, you need to refresh to execute ]