Create an excellent accordion folding menu using jQuery _ jquery

This article mainly introduces the effect of creating an excellent accordion folding menu for jQuery. we recommend it to you here. if you have any need, you can refer to the accordion folding menu created by jQuery, very good results! Here is the release version of the previous version, mainly for jquery code improvement

Demo diagram:

Main. js

$ (Function () {var tmp = null, $ title = $ ('. title '), $ con = $ ('. title> ul '); $ title. click (function () {$ (tmp ). children ('Ul '). slideUp (). end (). children ('. arrow '). removeClass ('Arrow-up'); $ (this ). children ('Ul '). slideToggle (). end (). children ('. arrow '). addClass ('row-up'); tmp = this;}); $ con. click (function () {return false; // prevents event bubbles });});

Index.html

  Jquery js css html  
   
   
   
    
 
 
      
  
  
I. HTML5 basic tutorial 
   
 
    
HTML5 basic tutorial 1
 
    
HTML5 basic tutorial 2
 
    
HTML5 basic tutorial 3
 
    
HTML5 basic tutorial 4
 
    
HTML5 basic tutorial 5
 
   
 
      
  
  
II. CSS3 Basic tutorial 
   
 
    
CSS3 Basic tutorial 1
 
    
CSS3 Basic tutorial 2
 
    
CSS3 Basic tutorial 3
 
    
CSS3 Basic tutorial 4
 
    
CSS3 Basic tutorial 5
 
   
 
      
  
  
III. basic Javascript tutorial 
   
 
    
Basic Javascript tutorial 1
 
    
Basic Javascript tutorial 2
 
    
Basic Javascript tutorial 3
 
    
Basic Javascript tutorial 4
 
    
Basic Javascript tutorial 5
 
   
 
      
  
  
IV. basic NodeJs tutorial 
   
 
    
NodeJs basic tutorial 1
 
    
NodeJs basic tutorial 2
 
    
NodeJs basic tutorial 3
 
    
NodeJs basic tutorial 4
 
    
NodeJs basic tutorial 5
 
   
 
      
  
  
5. basic IOS tutorials 
   
 
    
Basic IOS tutorial 1
 
    
Basic IOS tutorial 2
 
    
Basic IOS tutorial 3
 
    
Basic IOS tutorial 4
 
    
Basic IOS tutorial 5