1 回答

TA貢獻(xiàn)1833條經(jīng)驗(yàn) 獲得超4個(gè)贊
SlideToggle 無(wú)法按預(yù)期工作。它忽略復(fù)選框狀態(tài)
確實(shí)如此,因?yàn)閟lideToggle()令人煩惱的是,它不以同樣的方式接受布爾值toggle()。因此,您需要檢查復(fù)選框的狀態(tài)并單獨(dú)使用slideDown()和。slideUp()
當(dāng)頁(yè)面加載時(shí),會(huì)顯示 div,我需要將其隱藏,并且僅在選中復(fù)選框時(shí)才顯示
在這種情況下,使用 CSS 隱藏加載時(shí)的元素,因?yàn)樗恍枰?JS 那樣首先加載頁(yè)面。如果您想在加載時(shí)顯示內(nèi)容而不使用幻燈片動(dòng)畫(huà),請(qǐng)使用show().
這是一個(gè)完整的工作示例:
jQuery($ => {
let $toggle =$('#toggle1').change(e => {
$('#details1')[e.target.checked ? 'slideDown' : 'slideUp']();
})
if ($toggle.is(':checked'))
$('#details1').show();
});
#details1 {
display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" id="toggle1" checked />
<div id="details1">Lorem ipsum dolor sit consectetur adipiscing elit</div>
添加回答
舉報(bào)