7 JavaScript code to implement webpage folding menu

Javascript is often used recently, and many web page effects are made, including a folding menu.

OnlineCodeA lot of trouble, and I don't understand it, so I don't understand it. Why do I write so much code ~~~~ So I wrote it myself.

Mainly used jquery and UL and Li

The menu format is as follows:

<Ul class = "list"> <li> <a class = "list-title"> my information </a> <B class = "icon"> </B> <ul> <li> <a href = "#"> Personal Data </a> </LI> <li> <a href = "#"> Receiving address </> </LI> </ul> </LI> <li> <a class = "list-title"> shopping </a> <B class = "icon"> </B> <ul> <li> <a href = "#"> my orders </a> </LI> <li> <a href = "#"> transactions record </a> </LI> <li> <a href = "#"> my favorites </a> </LI> <li> <a href = "# "> shopping cart </a> </LI> <li> <a href =" # "> View logistics </a> </LI> </ul> </LI> <li> <a class = "list-title"> after-sales service </a> <B class = "icon"> </B> <ul> <li> <a href = "#"> order query </a> </LI> <li> <a href = "#"> return application </a> </LI> <li> <a href = "#"> complaint Protection </a> </LI> </ul> </LI> <li> <a class = "list-title"> shopping help </a> <B class = "icon"> </B> <ul> <li> <a href = "#"> how to shop </a> </LI> <li> <a href = "#"> purchase process </a> </LI> <li> <a href = "#"> help </a> </Li> </ul> </LI> </ul>

JavaScript code:

 
$ (Document ). ready (function () {$ (". list-title "). click (function () {// register the event folding effect for the left navigation bar var parent =$ (this ). parent (); // find the current parent container var retries parent.css ("height ")! = "35px "? "35px": "Auto" extends parent.css ("height", RE );});});
 

:

Please indicate the source for reprinting. Thank you!