Fatal编程技术网
  • jquery/
  • jQuery在单击时在不相关的div之间切换

jQuery在单击时在不相关的div之间切换

jquery

jQuery在单击时在不相关的div之间切换,jquery,onclick,slidetoggle,Jquery,Onclick,Slidetoggle,当按下btn时，我试图在slides包装中切换slideingdiv。我不确定是否需要数据属性，或者如何在单击时在幻灯片之间切换 $（'.show_hide'）。打开（“单击”，函数（）{ $（'.slidingDiv'）.stop（）.slideUp（'fast'）； $（this）.next（'.slidingDiv'）.stop（）.slideToggle（'fast'）； }); .btn wrap{ 显示器：flex； } .btn{ 光标：指针 } .幻灯片{ 边框：2倍实心； }

当按下
btn
时，我试图在
slides
包装中切换
slideingdiv
。我不确定是否需要
数据属性
，或者如何在单击时在幻灯片之间
切换



$（'.show_hide'）。打开（“单击”，函数（）{
$（'.slidingDiv'）.stop（）.slideUp（'fast'）；
$（this）.next（'.slidingDiv'）.stop（）.slideToggle（'fast'）；
});

.btn wrap{
显示器：flex；
}
.btn{
光标：指针
}
.幻灯片{
边框：2倍实心；
}
.幻灯片{
高度：200px；
宽度：200px；
显示：无；
边框：1px实心；
}



巴特1
Butt2
对于Butt1
对于Butt2

通过以下方式更新您的代码



$（函数（）{
$（'.btn'）。打开（“单击”，函数（）{
var$this=$（this）；
$（'.slide'）.slideUp（'fast'，function（）{
$（this）.filter（'[data btnid=“'+$this.data（'btnid'）+''“]'））.slideDown（）；
});
});    
});

.btn wrap{
显示器：flex；
}
.btn{
光标：指针
}
.幻灯片{
边框：2倍实心；
}
.幻灯片{
位置：绝对位置；
高度：200px；
宽度：200px；
浮动：左；
显示：无；
边框：1px实心；
}



巴特1
Butt2
对于Butt1
对于Butt2