第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

根據(jù)復(fù)選框值切換 div - 帶動(dòng)畫(huà)

根據(jù)復(fù)選框值切換 div - 帶動(dòng)畫(huà)

忽然笑 2023-11-02 21:29:28
我有一個(gè)復(fù)選框,單擊該復(fù)選框時(shí)使用 jQuery 函數(shù)顯示/隱藏 div 的內(nèi)容。我需要 div 向下滑動(dòng)(擴(kuò)大屏幕)而不是僅僅出現(xiàn)。jQuery:<script>$(function () {    $('#toggle1').change(function () {                        $('#details1').toggle(this.checked);    }).change(); //ensure visible state matches state of checkbox on page load    });</script>如果選中復(fù)選框 (toggle1),則顯示 div (details1),反之亦然。動(dòng)畫(huà)效果放在哪里?
查看完整描述

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>


查看完整回答
反對(duì) 回復(fù) 2023-11-02
  • 1 回答
  • 0 關(guān)注
  • 175 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)