gnb메뉴에서 + - 효과는 보통 어떻게 코딩 짜야해..?

코딩 채널

알림 알림 중 알림 취소

구독자 4411명 알림수신 85명 @은월영

프로그래밍 및 코딩 채널

질문 gnb메뉴에서 + - 효과는 보통 어떻게 코딩 짜야해..?

ㅇㅇ (210.182)

추천 0 비추천 0 댓글 2 조회수 92 작성일 2022-12-22 10:12:27

⚠️ 이 게시물은 작성자가 삭제할 수 없도록 설정되어 있습니다.

https://arca.live/b/programmer/65841327

이렇게 해당메뉴 눌렀을때 + 모양 -로 바뀌고

나머지는 +로 되돌리는거로 좀 만들어보고싶은데

css로만 할수있는지 js로 돌리는게 나을지

어떻게 짜야할지 감이 안 옴...

댓글 [2] 글쓰기

ㅇㅇ

2022-12-22 10:52:00 답글

뭘로 하던 잘 돌아가기만 하면 그만. css 도 기능이 참 많아서 별걸 다 만들 수 있음
css 만으로 접기/펼치기 만들기
https://www.digitalocean.com/community/tutorials/css-collapsible
원래는 css 만으로 이런 기능을 구현한다면 브라우저 지원 대상에 포함되어야 하는지 확인해야 하지만.... IE가 지원 종료된 관계로 이젠 신경 안써도 될거임

DigitalOcean

Implementing A Pure CSS Collapsible | DigitalOcean

In this post we’ll make use of the :checked and adjacent sibling selectors to create an accessible and CSS-only collapsible.

뭘로 하던 잘 돌아가기만 하면 그만. css 도 기능이 참 많아서 별걸 다 만들 수 있음
css 만으로 접기/펼치기 만들기
https://www.digitalocean.com/community/tutorials/css-collapsible
원래는 css 만으로 이런 기능을 구현한다면 브라우저 지원 대상에 포함되어야 하는지 확인해야 하지만.... IE가 지원 종료된 관계로 이젠 신경 안써도 될거임

펼쳐보기▼

ㅇㅇ (210.182)

2022-12-22 10:57:57 삭제 수정 답글