jquery实现手风琴效果实例代码_jquery

复制代码如下代码：

//jquery实现手风琴效果 
 
 
<头> 
> 
 

<脚本类型=“text/javascript”语言=“javascript”src=“jquery-1.7.1.min.js”> 
 
<脚本类型=“text/javascript”语言=“javascript”src=“jquery-ui-1.8.18.custom.min.js”> 
 
; 
<脚本类型=“text/javascript”语言=“javascript”> 
$(function(){ 
    $("#accordion").accordion( 
    { 
        header: "h3", 
        event:"mouseover", 
        图标:{
            header:"ui-icon-carat-2-e-w" 
            }, 
        } 

    ).sortable({ 
        axis:"Y"//拖拽效果  上下默认为左右拖动
        }); 
    }) 
; 
 
<身体> 

 
   

; 
     

第一个

 
     

Lorem ipsum dolor sat amet。 Lorem ipsum dolor 坐 amet。 Lorem ipsum dolor sat amet。

 
   

; 
 

; 
  

第二个

 
  

Phasellus mattistincidunt nibh。

 
 

; 
 

; 
  

第三个

 
  

悠悠

; 
  

; 
 

;