javascript, JQuery

제이쿼리 아코디언 _ Jquery Accodion (컨텐츠 펼침/접힘)

cattaku 2020. 4. 13. 15:20

=== 타이틀, 컨텐츠 분리된 부분

$(document).on('click''.accodion .accodion-arrow'function(){
    $('.accodion-contents').slideUp(200);
    if($(this).parent().hasClass('active')) {
        $('.accodion').removeClass('active');
        $(this).parent()removeClass('active');
    }else{
        $('.accodion').removeClass('active');
        $(this).parent().children('.accodion-contents').slideDown(200);
        $(this).parent().addClass('active');
    }
});
 
 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
/* ==============================
   * 아코디언 (accordion) - 타이틀, 컨텐츠 합쳐진 부분
   * ============================== */
   $('.sale-list.accordion02').each(function(index, elem) {
      if ($(this).find(".accordion-whole").height() > 190 ) {
        $(this).removeClass('not');
        $(this).addClass('active02');
      } else {
        $(".accordion-whole").removeClass('active02');
        $(this).addClass('not');
      }
    });
  
    $(document).on('click''.sale-list.active02 .accordion-arrow'function () {
      if ($(this).prev(".accordion-whole").hasClass('current')) {
        $(this).prev(".accordion-whole").removeClass('current');
      } else {
        $(".sale-list.active02").find(".accordion-whole").removeClass('current');
        $(this).prev(".accordion-whole").addClass('current');
        }
    });
 
 /* ==============================
   * 아코디언 (accordion) - 고객정보(2줄만 보이게)
   * ============================== */
    $('.accordion-ver2-wrap').each(function(index, elem) {
      if ($(this).find(".accordion-ver2").height() > 46 ) {
        $(this).addClass('active');
      } else {
        $(this).removeClass('active');
      }
    });
    $(document).on('click''.accordion-ver2-wrap.active .accordion-arrow'function () {
      
      if ($(this).parent('.accordion-ver2-wrap').hasClass('show')) {
        $('.accordion-ver2-wrap').removeClass('show');
        $(this).parent('.accordion-ver2-wrap').removeClass('show');
      } else {
        $('.accordion-ver2-wrap').removeClass('show');
        $(this).parent('.accordion-ver2-wrap').addClass('show');
      }
    });