可折叠面板不膨胀
Collapsible panel not expanding
我的代码中有一个可折叠面板。鼠标点击时,它会膨胀和收缩。但是,如果我折叠了div并触发了一个ajax调用来更新div,我希望div像以前一样处于展开状态。我一直在试图找到丢失的东西,但无法得到它。使用Css:
.collapsibleContainerTitle div
{
padding: 5px 0 5px 19px;
background: url('images/bg_cpanel.png') top left no-repeat;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
color: #00425f;
color: rgba(0, 66, 95, 1);
font-size: 1.25em;
}
.collapsibleContainerContent
{
padding: 10px;
}
.collapsibleContainerContent legend
{
display: none;
}
.collapsibleContainerTitle div {
background:url('images/bg_cpanel_expanded.jpg') top left no-repeat;
}
.collapsibleContainerTitleClosed div {
background:url('images/bg_cpanel_collapsed.jpg') top left no-repeat;
}
.collapsibleContainerTitleDisable div {
background:url('images/bg_cpanel_disabled.jpg') top left no-repeat;
}
.collapsibleContainerContent {
padding:10px;
border:#EDEDED 1px solid;
}
.collapsibleContainerContent legend {
display:none;
}
这是可折叠面板区域:
<fieldset style="width: 800px;" title="Search Results" id="fldRes" class="collapsibleContainer">
<div id="results">
<button id="btn1"> Generate </button>
</div></fieldset>
我只是写这个JS代码:
$(".collapsibleContainer").next().show();
请帮助。谢谢。
jQuery函数.next()
获得下一个兄弟而不是后代,因此.collapibleContainer
的兄弟将是undefined
....您可以使用.find()
:
$(".collapsibleContainer").find('div').show();
或.closest ()
$(".collapsibleContainer").closest('div').show();
http://jsfiddle.net/manseuk/YQTxQ/相关文章:
- 可折叠树在第二级不显示子树
- 引导程序/轨道-可折叠导航栏没有'我不能在手机上工作
- 只使用CSS创建可折叠菜单或spry菜单
- 可以't以编程方式关闭jQuery移动弹出窗口中的可折叠部分
- QML中的可折叠面板
- 可折叠容器/柱.添加多个链接
- 如何将垂直选项卡式内容面板更改为具有媒体查询和 jquery 的响应式可折叠面板
- 如何防止我的引导可折叠框滚动页面
- 如何以可扩展和可折叠的树形结构显示XML模式
- 单击一个后自动折叠所有其他可折叠内容
- 可折叠侧边栏/导航菜单
- 可折叠<UL><李>不起作用
- Ext JS 5.1:当可折叠为true时,无法对面板进行标题设置
- jQuery与可折叠列表冲突
- Postback后保持可折叠潜水打开
- 如何在HTM文件中创建与可折叠面板扩展程序等效的扩展程序
- 为d3.js可折叠树设置背景
- 可折叠/不可折叠的列表视图类似于Word大纲视图
- 具有多个不同高度小部件的两列布局,如何使小部件可折叠并保持页面的流动性
- 可折叠面板不膨胀