Складная панель не расширяется - PullRequest
0 голосов
/ 04 ноября 2011

В моем коде есть складная панель.Он расширяется и сжимается при щелчках мышью.Однако, если я свернул 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();

Пожалуйста, помогите.Благодаря.

1 Ответ

2 голосов
/ 04 ноября 2011

Функция jQuery .next() возвращает следующего брата, не являющегося потомком, поэтому брат .collapibleContainer будет undefined .... вы можете использовать .find():

$(".collapsibleContainer").find('div').show();

или .closest ()

$(".collapsibleContainer").closest('div').show();

http://jsfiddle.net/manseuk/YQTxQ/

...