0

ヘッダーの前にクリックして貼り付けると、アコーディオンヘッダーを作成するにはどうすればよいですか? たくさんのコンテンツを手に入れたので、ユーザーが何をクリックしたかを確認する必要があります。ここでサンプルを作成しました。

これが私のサンプルコードです

$(".accordion-box").on('click', '.accord-btn', function() {

   if($(this).hasClass('active')!=true){
     $('.accordion .accord-btn').removeClass('active'); 
   }

   if ($(this).next('.accord-content').is(':visible')){
      $(this).removeClass('active');
      $(this).next('.accord-content').slideUp(700);
   } else {
      $(this).addClass('active');
      $('.accordion .accord-content').slideUp(700);
      $(this).next('.accord-content').slideDown(700);   
    }
});

フルバージョンはこちら

https://jsfiddle.net/aareyes00/a5ucfpf0/3/

4

0 に答える 0