jquery_jqueryによるアコーディオンピクチャー表示エフェクトの実装方法

この記事の例では、jqueryをベースにしたアコーディオン画像表示エフェクトの実装方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コード実行時の効果は次のとおりです:

index.html ページのコードは次のとおりです:

コードをコピー コードは次のとおりです:

   
   


   

       

           

               

                    Netherlands

           

           

               

                    Belgium

           

           

               

                    France

           

           

               

                    Germany

           

           

               

                    England

           

       

   

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