我在我的代码中有一个可折叠面板。它通过点击鼠标来扩展和标记。但是,如果我折叠了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();
请帮助。 谢谢。
显示你的js代码.. – sathis
你可以得到这段代码给jsFiddle,那么对所有人来说都很容易。 :) –