Javascript 如何将幻灯片应用于向上或向下移动的图元

我想应用一个

.slideUp（）

或类似的方法来处理消失后留下的元素。当它们被重新出现的元素按下时，应用

slideDown（）

。关键是，我希望元素能够轻松自如地移动。谢谢你的帮助！！下面的片段可能会更好地解释：

var myJson=[]；
//手风琴-----------------------------------------------
$（“.accordion desc”）.fadeOut（0）；
$（“.accordion”）。单击（函数（）{
$（“.accordion desc”）.not（$（this.next（））.slideUp（'fast'）；
$（this.next（）.slideToggle（400）；
});
$（“.accordion”）。单击（函数（）{
$（“.accordion”）.not（this.find（“.rotate”）.removeClass（“down”）；
$（this.find（“.rotate”）.toggleClass（“down”）；
});
//-----------------------------------------------------------
//搜索过滤器
$（“#searcheBar”）。在（“keyup”，函数（）{
var g=$（this.val（）.toLowerCase（）；
$（“.accordion#title”）。每个（函数（）{
var s=$（this.text（）.toLowerCase（）；
如果（s.indexOf（g）！=-1）{
$（this.parent（）.parent（）.fadeIn（）；
}
否则{
$（this.parent（）.parent（）.fadeOut（）；
}
});
});
正文{
背景色：#eee；
字体系列：“开放式Sans”，无衬线；
}
标题{
背景色：#2cc185；
颜色：#fff；
填料：2米1米；
边缘底部：1.5em；
}
h1{
字体大小：300；
文本对齐：居中；
}
.集装箱{
位置：相对位置；
保证金：0自动；
}
钮扣{
背景色：#2cc185；
颜色：#fff；
边界：0；
填充物：1em 1.5em；
}
按钮：悬停{
背景色：#239768；
颜色：#fff；
}
按钮：焦点{
背景色：#239768；
颜色：#fff；
}
.手风琴{
位置：相对位置；
背景色：#fff；
显示：内联块；
宽度：100%；
边框顶部：1px实心#f4f3；
边框底部：1px实心#f4f3；
字号：700；
颜色：#74777b；
垂直对齐：中间对齐；
}
/*轮换-------------------------------------*/
.手风琴{
位置：相对位置；
浮动：对；
}
.轮换{
-moz过渡：所有0.3s线性；
-webkit转换：所有0.3s线性；
过渡：所有0.3s线性；
}
.向下旋转{
-moz变换：旋转（90度）；
-webkit变换：旋转（90度）；
变换：旋转（90度）；
}
/*------------------------------------------*/
.链接{
文本对齐：右对齐；
边缘底部：20px；
右边距：30px；
}
.手风琴h4{
位置：相对位置；
/*顶部：0.8em*/
保证金：0；
字体大小：14px；
字号：700；
浮动：左；
}
.手风琴a{
位置：相对位置；
显示：块；
颜色：#74777b；
填料：1米1米2.5米1米；
文字装饰：无；
}
.手风琴a:悬停{
文字装饰：无；
颜色：#2cc185；
背景色：#e7ecea；
过渡：0.3s；
}
.手风琴说明{
背景色：#f1f4f3；
颜色：#74777b；
z指数：2；
填充：20px 15px；
}
@介质（最小宽度：480px）{
.container{最大宽度：80%；}
}
@介质（最小宽度：768px）{
.container{最大宽度：1000px；}
}
.手风琴说明{
单词break：打破一切；
}
.手风琴.地位{
位置：相对位置；
浮动：对；
右：20%；
垂直对齐：中间对齐；
}
.btn{
边缘顶部：10px；
}
.标题{
保证金：10px 0px 10px 0px；
垂直对齐：中间对齐；
显示：内联块；
位置：相对位置；
宽度：100%；
}
.标题h2{
浮动：左；
位置：相对位置；
保证金：自动；
垂直对齐：中间对齐；
}
.标题.搜索栏{
浮动：对；
位置：相对位置；
保证金：自动；
垂直对齐：中间对齐；
}
.checkboxInput{
浮动：对；
位置：相对位置；
保证金：自动；
垂直对齐：中间对齐；
右：40%；
}
.半{
最小高度：50px；
}

在文本框中键入1、2或3
@Resource.AccordionProjectLead
凯威伯格
@资源描述

@项目.说明

@Resource.AccordionProjectLead
凯威伯格
@资源描述

@项目.说明

@Resource.AccordionProjectLead
凯威伯格
@资源描述

@项目.说明

试试这个：


var myJson=[]；
//手风琴-----------------------------------------------
$（“.accordion desc”）.fadeOut（0）；
$（“.accordion”）。单击（函数（）{
$（“.accordion desc”）.not（$（this.next（））.slideUp（'fast'）；
$（this.next（）.slideToggle（400）；
});
$（“.accordion”）。单击（函数（）{
//$（“.accordion”）.not（this.find（“.rotate”）.removeClass（“down”）；
//$（this.find（“.rotate”）.toggleClass（“down”）；
});
//-----------------------------------------------------------
//搜索过滤器
$（“#searcheBar”）。在（“keyup”，函数（）{
$（“.accordion desc”）.fadeOut（0）；
var g=$（this.val（）.toLowerCase（）；
$（“。手风琴#