跳至主要內容
Let's Write

Let's Write

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

Collapse

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

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

2021-07-23

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

分類 Front-End 標籤 Collapse、JavaScript
用 CSS :target 製作頁籤、手風琴功能

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

2021-08-162020-12-11

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

分類 Front-End 標籤 Collapse、CSS、HTML、Tab

Translate

简体中文 简体中文 繁體中文 繁體中文 English English 日本語 日本語

最新文章

  • 表單驗證:中文姓名、身分證、手機條碼、生日、信箱、手機、選擇縣市
  • 用原生 JavaScript 做一個簡單的抽獎功能頁面
  • Hugo 學習筆記
  • YAML 基本使用筆記
  • Plyr 播放器使用筆記:控制項、取值、事件、改樣式、外部平台影片
  • Video.js 使用筆記:中文介面、取值、事件、改樣式
  • Google Apps Script 抓 RSS 資料
  • GA3、GA4 的 6 個不同之處

大家都在看

  • 完全客製 Google 表單,美化表單樣式
  • 如何用 Google Sheets / Excel 當作資料庫
  • Google 表單,輸入 ID 後自動帶入其它欄位資料
  • Google 表單,提交後系統自動寄送回覆通知 email
  • WebSocket 基本介紹及使用筆記
  • MacBook 用隨身碟執行 Windows 10:Windows To Go、WinToUSB
  • Vue.js 3 Composition API 基本學習筆記-1:Ref、Props、watch、生命週期
  • LINE Bot:用 Google Apps Script 建立簡易網站監測機器人

請作者一杯咖啡?

寫文章需要咖啡提神,回答問題需要時間及心力。

如果覺得本站文章對工作有幫助、技術有進步,或是問題有得到解答,歡迎請本站喝杯咖啡。

中杯 60 元、大杯 90 元,加碼特大杯 120 元。

你請的每一杯咖啡,對本站來說都是莫大鼓勵 :)

請喝咖啡(台灣)Buy me a coffee(Foreign)

Y**g
哈*哈**啦
M**
L**ce**tT***g
H**l*y
He**y
小*瓜
ki*******37
A**y
S** Y** C**
R****_L**
I**n
M******C**u
R***y
曾*
M**
L**O

放個廣告賺點養主機的$$,謝謝

Let’s Write 來訪人數

位大大相挺,謝謝。
(如何製作來訪人數?)

訂閱新文章通知

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

DMCA Protection

DMCA.com Protection Status

放個廣告賺點養主機的$$,謝謝

Let's Write

前端工程師 August 的學習筆記 — solving problems, in simple ways.

API Front-End Google Bot Vue PWA WordPress
Follow us FB Telegram GitHub IG Twitter

網站地圖 隱私權政策 RSS letswritetw@gmail.com(金流驗證用)
請喝咖啡(台灣)
Buy me a coffee(Foreign)

搜尋筆記文

© 2022 Let's Write. All Rights Reserved.