Make better netflix website
  • Better netflix CSS&Scss
  • Dev log
    • 방향성
  • architecture
    • CSS version
    • Sass version
    • 웹 최적화
    • 컴포넌트 구조
  • Styling
    • CSS project log
      • 기록
        • promotion의 input
        • QnA
      • common
      • components
      • Our Story
      • NetflixIntro
        • 스타일링 코드 리팩토링
        • 구분선 스타일링 방법
      • NetflixFAQ
        • 스타일링 코드 리팩토링
      • footer
      • Utils Function
    • Scss project log
      • MAIN
        • Header
        • Our Story
          • 로그인 input 스타일 방법
        • Netflix Intro
          • 비디오 스타일링 방법
        • Netflix FAQ
        • Footer
      • LOGIN
        • login
        • Footer
  • Component
    • Accordion
  • Custom Mixin
  • interaction
    • jQuery
    • Polyfill 사용하기
    • JavaScript
      • Detect Scroll Position
      • Valid State Detection
        • jQuery version
      • Accordion Control
        • jQuery version
Powered by GitBook
On this page
  • Video
  • 사용된 API

Was this helpful?

  1. interaction
  2. JavaScript
  3. Accordion Control

jQuery version

jQuery(function ($) {
  $('.Accordion').click(function (event) {
    const accordionItem = event.target.closest('.AccordionItem')
    $(accordionItem).toggleClass('AccordionItem--open')
  })
})

Video

사용된 API

  • jQuery click()

  • jQuery closest()

  • jQuery toggleclass()

PreviousAccordion Control

Last updated 4 years ago

Was this helpful?