通过单击折叠按钮更改最大高度
change max-height by clicking collapse button
有以下难题:页面上有两个表格和一个按钮。立即显示表1,并通过按钮切换显示表2。这个想法是,单击按钮不仅会导致扩展table2,而且会改变table1的最大高度(当table2扩展时,表1变小,当table2不显示时,表1变大)。我使用knockout和它的点击不起作用bootstrap data-toggle="collapse"这就是为什么解决方案是由
完成的<button type="button" class="btn btn-primary" data-bind="click: showAllEvents ">events</button>
this.showAllEvents = function () {
//things to do
$("#table2").toggle(); // show and hide table2
};
你有什么想法吗?
我这样做是为了切换表格- codepen
重要的位-
html<div class="table-container" data-bind="css: { expanded: expandTable}">
js
//Viewmodel
mynamespace.TableThing = function() {
var self = this;
self.expandTable= ko.observable(true);
self.toggle = function(){
if(self.expandTable()){
self.expandTable(false)
}else{
self.expandTable(true)
}
}
};
css .table-container{
height:30px;
overflow:hidden;
}
.table-container.expanded{
height:100%;
}
相关文章:
- 在按钮改变高度后使标题保持不变
- 谷歌登录按钮的宽度和高度问题
- 当改变比例按钮具有不同的高度时
- 通过命令按钮单击更改丰富面可扩展数据表高度
- 幻灯片JS高度和按钮定位问题
- 使按钮的宽度与高度相同
- 按下按钮使$(“身体”).css(“高度”:“100%”)
- 表单“提交”按钮文本(和宽度/高度/值)在按键时消失或更改BTN值
- 具有上一个/下一个按钮的固定宽度和高度的文本容器
- 如何使用谷歌图表onclick引导选项卡按钮固定宽度和高度
- jQuery-在Iframe内按钮的onclick事件中更改Iframe高度
- jQuery/CSS-单击IFRAME内容内的按钮时更改IFRAME高度
- 如何在单击Iframe内部的按钮时更改Iframe高度'的内容
- 设置高度'单击按钮时元素的s
- 当innerhtml被替换时,Jquery Mobile按钮失去高度
- Bootstrap -每个环境中按钮和文本字段的动态高度大小
- 设置Dojo's按钮高度%
- 我试图在Chrome中使用HTML编辑网页的宽度和高度,使用按钮
- 阅读更多按钮,逐渐删除最大高度
- 如何在HTML中更改按钮的高度?