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

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

切換 HTML 元素類的大小時(shí),過(guò)渡屬性不起作用?

切換 HTML 元素類的大小時(shí),過(guò)渡屬性不起作用?

當(dāng)年話下 2023-10-30 21:01:53
只需一個(gè)簡(jiǎn)單的 CSS 和 jQuery 函數(shù)即可輕松刪除類時(shí)的轉(zhuǎn)換。我也嘗試過(guò)使用 Jquery,但似乎沒有任何效果。經(jīng)過(guò)至少十幾次嘗試,有什么想法嗎?jQuery$(document).ready(function(){$(document).on('click', '.review-block', function(){    $(this).find(".review-body").toggleClass('small'); }); });CSS.review-body{    padding-right: 8px;    padding-left: 8px;    padding-top: 5px;    font-family: sans-serif;    font-size: 15px;    margin-bottom: 10px;    overflow: hidden;     transition: all 1s ease;}.small{    max-height: 125px;}超文本標(biāo)記語(yǔ)言<div class="review-body small">  //TEXT HERE</div>
查看完整描述

2 回答

?
墨色風(fēng)雨

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超6個(gè)贊

之所以沒有觀察到轉(zhuǎn)變,是因?yàn)?code>.review-body沒有顯式的max-height集合,這意味著它使用 的初始值auto。您無(wú)法在非像素值(例如auto,100%...)與設(shè)置的像素值之間轉(zhuǎn)換。

解決方案是提供.review-body一個(gè)更大的必要max-height值(以像素為單位),以便 CSS 過(guò)渡仍然有效,而無(wú)需剪切其中的內(nèi)容。


查看完整回答
反對(duì) 回復(fù) 2023-10-30
?
三國(guó)紛爭(zhēng)

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超7個(gè)贊

我認(rèn)為您可能需要將該transition屬性添加到兩個(gè)類中。從 MDN 查看此 Codepen:https://codepen.io/pen/?&editable =true


查看完整回答
反對(duì) 回復(fù) 2023-10-30
  • 2 回答
  • 0 關(guān)注
  • 153 瀏覽

添加回答

舉報(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)