可摺疊面板不擴展

我在我的代碼中有一個可摺疊面板。它通過點擊鼠標來擴展和標記。但是，如果我摺疊了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();

請幫助。謝謝。

來源

2011-11-04 smukh

顯示你的js代碼.. – sathis

你可以得到這段代碼給jsFiddle，那麼對所有人來說都很容易。 :) –

jQuery的功能.next()獲取下一個兄弟沒有的派生，所以.collapibleContainer兄弟會undefined ....你可以使用.find()：

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

或者.closest()

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

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

來源

2011-11-04 13:01:20 ManseUK

並說明這一點http://jsfiddle.net/lollero/AjCMg/ – Joonas

哇....與偉大的工作 $（「。collapsibleContainer」）。find（'div'）。show（） ; 謝謝，ManseUK。 – smukh

可摺疊面板不擴展

回答

相關問題