jquery_jquery 기반의 아코디언 그림 표시 효과 구현 방법

이 글의 예시에서는 jquery를 기반으로 아코디언 이미지 표시 효과를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

코드 실행 효과는 아래와 같습니다.

index.html 페이지 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

    <제목>일款基于jquery의 휴대전화 사진 전시
   


   

       

           

               

                    Netherlands

           

           

               

                    Belgium

           

           

               

                    France

           

           

               

                    Germany

           

           

               

                    England

           

       

   

           $('.country').click(function () {
                $(this).toggleClass('active');
                 $('.page-container').toggleClass('opened');
          }) //@ sourceURL=pen.js