Javascript 将按钮堆叠在右侧并保持绝对位置的问题
感谢您检查此问题;我面临的问题是,我已经能够在右侧创建3个堆叠按钮,并使用绝对位置,在JQuery的帮助下,我还添加和删除类“open”,但问题是,当单击1个按钮时,它会移动右侧的其他两个按钮。我想要的是,这些按钮应该保持在右侧,点击按钮应该向左移动375px,点击时下降到120px,其他两个按钮只保持在关闭位置 任何帮助都将不胜感激;再次感谢您的光临和关注 请参阅我目前的工作代码:Javascript 将按钮堆叠在右侧并保持绝对位置的问题,javascript,jquery,html,css,Javascript,Jquery,Html,Css,感谢您检查此问题;我面临的问题是,我已经能够在右侧创建3个堆叠按钮,并使用绝对位置,在JQuery的帮助下,我还添加和删除类“open”,但问题是,当单击1个按钮时,它会移动右侧的其他两个按钮。我想要的是,这些按钮应该保持在右侧,点击按钮应该向左移动375px,点击时下降到120px,其他两个按钮只保持在关闭位置 任何帮助都将不胜感激;再次感谢您的光临和关注 请参阅我目前的工作代码: jQuery(文档).ready(函数($){ $(“#绝对右。可折叠的_部分”)。单击(函数(){ $(th
jQuery(文档).ready(函数($){
$(“#绝对右。可折叠的_部分”)。单击(函数(){
$(this.toggleClass('open');
});
});代码>
html,
身体{
保证金:0;
填充:0;
字体系列:arial;
字体大小:13px;
颜色:#000;
}
#绝对权利{
位置:绝对位置;
右:0;
顶部:50px;
}
.可折叠截面{
边缘底部:10px;
位置:相对位置;
宽度:120px;
}
.打开{
宽度:320px;
}
.可折叠_截面a{
颜色:#fff;
显示:块;
填充:10px 30px;
背景:#000;
文字装饰:无;
}
.隐藏内容{
背景:黄色;
颜色:黑色;
填充:10px 30px;
}
#绝对正确。可折叠部分。隐藏内容{
显示:无;
}
#绝对正确。打开。隐藏内容{
显示:块;
}
隐藏标题
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为,它是一种不受欢迎的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡
溜溜球头
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为,它是一种不受欢迎的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡
嗯标题
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为,它是一种不受欢迎的行为。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡
这就是你要找的吗??运行下面的代码段。
我所做的是在父容器上添加display:flex
属性,并同时使用flex-direction:column;柔性包装:反向包装代码>在上面。这是我做的最后修改-->
jQuery(文档).ready(函数($){
$(“#绝对右。可折叠的_部分”)。单击(函数(){
$(this.toggleClass('open');
});
});代码>
html,正文{
保证金:0;
填充:0;
字体系列:arial;
字体大小:13px;
颜色:#000;
}
#绝对权利{
位置:绝对位置;
右:0;
顶部:50px;
显示器:flex;
弯曲方向:立柱;
柔性包装:反向包装;
}
.可折叠截面{
边缘底部:10px;
位置:相对位置;
宽度:120px;
}
.open{width:320px;}
.可折叠_截面a{
颜色:#fff;
显示:块;
填充:10px 30px;
背景:#000;
文字装饰:无;
}
.隐藏内容{
背景:黄色;
颜色:黑色;
填充:10px 30px;
}
#绝对正确。可折叠的_部分。隐藏的_内容{显示:无;}
#绝对正确。打开。隐藏内容{display:block;}
隐藏标题
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡
溜溜球头
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡
嗯标题
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡
工作得很好-非常感谢乔治,你救了我一天!注意:-)我标记了这个问题
#absolute-right {
position: absolute;
right: 0;
top: 50px;
display: flex;
flex-direction: column;
flex-wrap: wrap-reverse;
}
.collapsible_section {
margin-bottom: 10px;
position: relative;
width: 120px;
float: right;
clear: both;}