HTML中的折疊是一種用于隱藏或展示頁(yè)面元素的技術(shù)。通常情況下，用戶需要點(diǎn)擊一個(gè)按鈕或鏈接來(lái)觸發(fā)頁(yè)面元素的折疊效果。這種技術(shù)經(jīng)常用于web應(yīng)用程序中，以便隱藏或顯示詳細(xì)信息，例如幫助文檔內(nèi)容、secrets等。
<!DOCTYPE html>
<html>
<head>
<title>折疊示例</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$(".toggle").click(function(){
$(".content").toggle();
});
});
</script>
</head>
<body>
<h1>折疊示例</h1>
<p class="toggle"><a href="#">點(diǎn)擊這里折疊/展示內(nèi)容</a></p>
<div class="content">
<p>這里是被折疊的內(nèi)容。</p>
</div>
</body>
</html>上述示例展示了一個(gè)基本的折疊示例。當(dāng)用戶點(diǎn)擊“點(diǎn)擊這里折疊/展示內(nèi)容”鏈接時(shí)，被折疊的內(nèi)容會(huì)出現(xiàn)或消失。這個(gè)簡(jiǎn)單的示例使用了jQuery庫(kù)，但是有時(shí)候可以使用原生的JavaScript來(lái)實(shí)現(xiàn)類似的效果。