Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/xml/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何定制jquery手风琴窗格?_Jquery_Html_Accordion_Jquery Ui Accordion - Fatal编程技术网

如何定制jquery手风琴窗格?

如何定制jquery手风琴窗格?,jquery,html,accordion,jquery-ui-accordion,Jquery,Html,Accordion,Jquery Ui Accordion,我想包括在我的网页手风琴潘。我已经成功地实现了它,但现在我正在尝试给它一些不同的效果。我想做的是,无论哪个手风琴窗格处于活动状态,该手风琴窗格都应该在顶部移动 注意:粗体表示活动窗格 窗格1 窗格2 窗格3 窗格4 当我单击窗格3使其处于活动状态时,布局应更改为如下所示 窗格3 窗格1 窗格2 窗格4 有人能告诉我怎么做吗?你可以像手风琴一样对元素重新排序 你能告诉我你到目前为止做了什么吗? $('#accordeon').accordion(); $('#accordeon h3').clic

我想包括在我的网页手风琴潘。我已经成功地实现了它,但现在我正在尝试给它一些不同的效果。我想做的是,无论哪个手风琴窗格处于活动状态,该手风琴窗格都应该在顶部移动

注意:粗体表示活动窗格

窗格1

窗格2

窗格3

窗格4

当我单击窗格3使其处于活动状态时,布局应更改为如下所示

窗格3

窗格1

窗格2

窗格4


有人能告诉我怎么做吗?

你可以像手风琴一样对元素重新排序


你能告诉我你到目前为止做了什么吗?
$('#accordeon').accordion();
$('#accordeon h3').click(function(){
   $('#accordeon').prepend($(this).next())
   $('#accordeon').prepend(this)
})