Simple list navigation menu based on jQuery_jquery

Below is a simple navigation menu I made. Because I am a newbie, there will inevitably be some mistakes. I hope everyone can help me!

Okay, let’s get to the point:

1. First define CSS style sheet:

Copy code The code is as follows:

2. To quote the JQUERY framework, you can go to the official website to download the latest JQUERY, like JQUERY1.5 The versions have been released, link address: http://jquery.com/

3. Define HTML tags:

Copy code The code is as follows:

• 
  
  
  
  Computer digital products
  
  
  
  
  
  • Notebook
  
  
  
  < ;li>Notebook 1
  
  • Notebook 2
    
  • Notebook 3
  
  
  • Notebook 4< /a>
  
  
  • Notebook 5
  
  
  
  
  • Mobile hard drive
  
  
  
  
  • < ;a href="#">Mobile hard drive 1
  
  
  • Mobile hard drive 2
  
  
  • Mobile Hard Drive 3
  /a>
  
  • Mobile Hard Drive 5
  
  
  
  < li class="optn">Computer software
  
  
  
  • Computer Software 1
  
  
  • Computer Software 2
  • Computer Software 3
  
  
  • Computer Software 4< ;/a>
  
  
  • Computer Software 5
  
  
  
  < ;li class="optn">Digital products
  
  
  Digital product 1
  
  • Digital product 2
    
  • Digital Products 3
  
  
  • Digital Products 4
  
  
  • Digital products 5
  
  
  
  
  
  
  

4. Next is to define the most important JQUERY code:

Copy code Code As follows:

5. OK Well, you’re done...

The running effect is as follows: