TreeColumn.js

//--------------------------------jq树列写法----------------------------------------------//
//在实际开发过程中树列很常见，所谓树列就是点击列表下面出现子标题的形式
//数列表有很多形式：全展开形式，后面展开前面关闭形式具体形式
//具体形式自行研究！！！！！
//html代码：
   	
 

	   
  
 一级列表1 
   
 
    
二级标题1
 
    
二级标题2
 
   
 
 
    
 
//js代码:
  $('.firft-button').click(function(){
	$(this).addClass('surface')
	$(this).next(".sub").slideToggle()
	$(".firft-button").not(".surface").next(".sub").slideUp()
	$(this).removeClass('surface')
    })

//树列解析：
//surface：类为点击开的一级列表样式的改变
//$("div.content *").not(".keep"); 
//表示content类的div下除keep类以外的所有元素；
//另外，注意*表示所有元素
//next() 获得匹配元素集合中每个元素紧邻的同胞元素。