JS:展開/收起

2013/12/31 2,541 0 網站技術 , JavaScript

這是很常用的原碼，可以展開/收起網頁元件，
有任何問題歡迎問我唷!
●效果展示:
展開/收起 你看到了嗎? ●JS原碼:
function turnoff ( n ) {
　　var s = document.getElementById( n ).style;
　　s.display = ( s.display == 'none' ) ? '' : 'none' ;
}
●HTML原碼:
<div title="展開/收起" onclick="turnoff('divturnoff');">展開/收起</div>
<div id="divturnoff" style="display: none;">
你看到了嗎?
</div>

贊助廣告 ‧ Sponsor advertisements
【架站資源】獅子的免費虛擬主機
📆 2014-01-22
📁 網站技術, 伺服器, 架站資源
PHP：glob() 取得匹配之檔案路徑、filesize() 取得指定檔案大小
📆 2021-10-22
📁 網站技術, PHP
Git 版本控制：建立與初始化本地倉庫、暫存與認可變更（使用 VS Code）
📆 2019-09-18
📁 軟體應用, 網站技術, 程式設計
GitHub Desktop：建立、上傳專案教學，公開自己的專案到 GitHub 吧！
📆 2019-04-04
📁 軟體介紹, 軟體應用, 網路應用, 網站技術
【網站架設】我應該如何選擇網域?
📆 2013-12-28
📁 網站技術
HTML <datalist> 輸入欄位可自動補字之下拉選單
📆 2021-10-08
📁 網站技術, HTML
Git 版本控制：建立分支、切換分支、合併分支（使用 VS Code）
📆 2019-09-22
📁 軟體應用, 網站技術, 程式設計
JPEG 的兩種渲染方式：Baseline JPEG（標準型）和 Progressive JPEG（漸進式）
📆 2018-11-17
📁 多媒體, 網路應用, 網站技術, 靜圖處理

留言區 / Comments

萌芽論壇

萌芽站長

您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！