• AI
  • Front-End
    • API
    • PWA
  • Google
    • Analytics
    • Apps Script
    • Firebase
    • Forms
    • Sheets
    • Maps
    • Others
  • Bot
    • Telegram
    • LINE
    • Slack
  • Vue
  • WordPress
  • 所有筆記文
  • AI
  • Front-End
    • API
    • PWA
  • Google
    • Analytics
    • Apps Script
    • Firebase
    • Forms
    • Sheets
    • Maps
    • Others
  • Bot
    • Telegram
    • LINE
    • Slack
  • Vue
  • WordPress
  • 所有筆記文
Let's Write 2025

Let's Write

Tag:Collapse

用原生 JS 做一個簡單的手風琴 Accordion / Collapse 功能
  • August
  • 2021-07-23
  • Front-End

用原生 JS 做一個簡單的手風琴 Accordion / Collapse 功能

本篇大綱:從jQuery到原生JS、HTML、CSS、JavaScript、原始碼下載。今年開始在工作時逼自己寫原生的JS(Vanilla JavaScript),今天趁著意外的假日,試著把手風琴用原生JS寫了一個出來。寫完後發現,其實沒幾行就可以完成,也有了一點小小的成就感。

10
用 CSS :target 製作頁籤、手風琴功能
  • August
  • 2020-12-11
  • Front-End

用 CSS :target 製作頁籤、手風琴功能

本篇大綱:本篇要解決的問題。頁籤 Tab。手風琴 Collapse。本篇算是對 :target 選擇器的小練習,是真的可以不用寫 JavaScript 就做出頁籤、手風琴這二個功能。

0

Widgets

Let’s Write 來訪人數

  • 980,266 位大大相挺,謝謝。

Recent Comments

  • 「August」於〈iPhone 的語音辨識功能:語音備忘錄,自動標點分段〉發佈留言
  • 「FrankieYim」於〈iPhone 的語音辨識功能:語音備忘錄,自動標點分段〉發佈留言
  • 「August」於〈GitHub Copilot + Figma MCP Server 實戰:用 AI 快速切版教學〉發佈留言
  • 「Sunnine」於〈GitHub Copilot + Figma MCP Server 實戰:用 AI 快速切版教學〉發佈留言
  • 「August」於〈CodiumAI PR-Agent,在 GitHub 上用 AI 來 Code Review〉發佈留言

DMCA

DMCA.com Protection Status

Popular Posts

  • GitHub Copilot + Figma MCP Server 實戰:用 AI 快速切版教學
  • 免費開源的語音辨識功能:Google Colab + Faster Whisper
  • 免費開源的語音辨識功能:Google Colab + Whisper large v3
  • Google 表單,提交後系統自動寄送回覆通知 email
  • mailto: 點擊連結 開啟寄送 email

Random Post

  • GA 自訂維度的應用 分類之下的文章成效

    GA 自訂維度的應用 分類之下的文章成效

  • 一些有趣的 CSS 選擇器

    一些有趣的 CSS 選擇器

  • Firebase Authentication 第三方登入 – GitHub

    Firebase Authentication 第三方登入 – GitHub

Social links

Subscribe

直接加入 Telegram 的頻道,有最新文章時會收到廣播通知:

© 2025 Let's Write. All Rights Reserved.

Popular Posts

  • GitHub Copilot + Figma MCP Server 實戰:用 AI 快速切版教學
  • 免費開源的語音辨識功能:Google Colab + Faster Whisper
  • 免費開源的語音辨識功能:Google Colab + Whisper large v3
  • Google 表單,提交後系統自動寄送回覆通知 email
  • mailto: 點擊連結 開啟寄送 email
  • YAML 基本使用筆記
  • Google Apps Script 讀寫 Cloud Firestore 資料
  • 如何用 Google Sheets / Excel 當作資料庫

Recent Posts

  • Windows 上,本機用 Docker 安裝 GitLab
  • iPhone 的語音辨識功能:語音備忘錄,自動標點分段
  • GitHub Copilot + Figma MCP Server 實戰:用 AI 快速切版教學
  • 使用 Google Apps Script 串接 Google Analytics API,整合多站數據
  • 監聽 localStorage 事件:如何在同一頁面內偵測變更