Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.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
Javascript 滑动面板已打开时切换面板(向下滑动)_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 滑动面板已打开时切换面板(向下滑动)

Javascript 滑动面板已打开时切换面板(向下滑动),javascript,jquery,html,css,Javascript,Jquery,Html,Css,再次单击.flip关闭(向上滑动)面板时,如何解决此问题 正如你们所看到的,我可以滑动切换所有面板,但当我试图关闭打开的面板时,首先关闭它,然后重新打开它 $(文档).ready(函数(){ $(“.flip”)。单击(函数(){ $(“.panel”).slideUp(“慢”); $(此).next(.panel”).slideToggle(“慢”); }); }); .flip{ 填充物:5px; 文本对齐:居中; 背景色:#e5eecc; 边框:实心1px#c3c3; } .小组{ 填充

再次单击
.flip
关闭(向上滑动)面板时,如何解决此问题

正如你们所看到的,我可以滑动切换所有面板,但当我试图关闭打开的面板时,首先关闭它,然后重新打开它

$(文档).ready(函数(){
$(“.flip”)。单击(函数(){
$(“.panel”).slideUp(“慢”);
$(此).next(.panel”).slideToggle(“慢”);
});
});
.flip{
填充物:5px;
文本对齐:居中;
背景色:#e5eecc;
边框:实心1px#c3c3;
}
.小组{
填充物:5px;
文本对齐:居中;
背景色:#ddd;
边框:实心1px#c3c3;
}
.小组{
填充:10px;
显示:无;
}

翻转1
你好,Flip 1!
翻转2
你好,Flip 2!
翻转3
你好,Flip 3!
翻转4

你好,Flip 4
您可以将应该是
slideToggle()
slideUp()
其他的一个作为目标

$(文档).ready(函数(){
$(“.flip”)。单击(函数(){
让$this=$(this.next(“.panel”);
$(“.panel”).not($this).slideUp(“slow”);
$this.slideToggle(“慢”);
});
});
.flip{
填充物:5px;
文本对齐:居中;
背景色:#e5eecc;
边框:实心1px#c3c3;
}
.小组{
填充物:5px;
文本对齐:居中;
背景色:#ddd;
边框:实心1px#c3c3;
}
.小组{
填充:10px;
显示:无;
}

翻转1
你好,Flip 1!
翻转2
你好,Flip 2!
翻转3
你好,Flip 3!
翻转4
你好,Flip 4