• Feed
  • Discussions
collapse

collapse

#collapse
0 followers·2 articles

collapse

#collapse·0 followers·2 articles
collapse
Eva Chen
Eva Chen
im1010ioio.hashnode.dev·Aug 13, 2025
Aug 13, 2025

#61 利用 checkbox/ radio 與 CSS grid,做到純 CSS FAQ 開合選單(Collapse 折疊 / Accordion 手風琴效果)

前幾篇我們有提到 CSS transition 的特性: 延伸閱讀:#51 CSS Transition 與一些小技巧:倒帶、影響相鄰的兄弟 transition 是兩個狀態之間的過渡效果,但這個過渡效果只適用於可以計算的數值型屬性。例如,width、height、opacity 等等。所以,像 auto 、 display: none 或 background-image 這類非數值型屬性是無法有過渡效果的。 所以,通常要做內容長度不固定的 FAQ 文字摺疊選單,都要使用 JS 去計算文字...

Discuss·3 reads
Super Easy CSS,極度簡單:寫出好的 CSS,從零開始前端生涯
CSS
William Stetar
William Stetar
10xproompengineer.hashnode.dev·Apr 27, 2025
Apr 27, 2025

The Rope Across the Void

Why We Swing This isn’t a lecture.It’s not a sermon.It’s not an aesthetic. It’s a rope. A line thrown across the collapse —not to rescue you,not to pretend it’s not happening,but to offer a way to swing through it. You don’t have to grab it.You don't...

Discuss·4 reads
llm

Changelog

New steps component and improved accessibility on Hashnode's blog and docs product.

New steps component and improved accessibility on Hashnode's blog and docs product.

Nov 05, 2024·
new

Trending Articles

From Community to Governance: AEON’s 2030 Roadmap

Prochino·14 reads

STON.fi: The Next-Gen DEX Powering TON Blockchain DeFi

Tommy williams·14 reads

AEON Pay: From Crypto Wallets to Everyday Life

Prochino·13 reads

Top commenters this week

Writing Challenges

#2Articles1Week Challenge

Become better at technical writing; accept Hashnode's writing challenge for four weeks.

#2Articles1Week Challenge
#WomenWhoTech

Share your story, achievements, or experiences as a woman, non-binary folk in tech or as a #WomenWhoTech ally!

#WomenWhoTech
Self Starter

Publish your first article on Hashnode and become a self starter!

Self Starter
Serial Blogger

Publish an article every day for 7 days and earn a cool serial blogger badge!

Serial Blogger
Talk of the town

Write a story that drives amazing engagement on Hashnode and become the talk of the town!

Talk of the town
Word Warrior

Write an in-depth article on your Hashnode blog that's more than 2000 words and become a word warrior!

Word Warrior
Ariska Hidayat
Ariska Hidayat
Buy Old Gmail Accounts
Buy Old Gmail Accounts
Sonu Goswami
Sonu Goswami
Arjun Pandit
Arjun Pandit
Anik Sikder
Anik Sikder