html dfloor스킨아이콘모양버튼그룹으로동작하는각영역에서로다른설설치

Posted 2021-05-10

// cre.ma / 버튼 클릭별 노출 위젯 / 스크립트를 수정할 경우 연락주세요 ([e-mail])
$(function(){
    $('.type-list').click(function(){
        $('.crema-reviews.list').show();
        $('.crema-reviews.gallery').hide();
    });
    $('.type-gallery').click(function(){
        crema.run();
        $('.crema-reviews.list').hide();
        $('.crema-reviews.gallery').show();
    });
});

<!-- <ul class="list-normal" module="board_list_4"> 상단에 div 태그를 생성하여 crema-hide를 걸어준다. -->
<div class="crema-hide">
    <ul class="list-normal" module="board_list_4">
      
<!-- <div id="df-review" class="list detail" df-review-act="detail"> 의 클로징 태그 바로 위에 넣음 (맨 마지막 </div> 바로 위) -->
<!-- 기본설정이 갤러리 버튼이므로 리스트형 위젯에 display: none;을 걸어준다. -->
<!-- cre.ma / 리스트형 위젯 / 스크립트를 수정할 경우 연락주세요 ([e-mail]) -->
<div class="crema-reviews list" data-widget-id="20" style="display: none;"></div>

<!-- cre.ma / 카드형 갤러리 위젯 / 스크립트를 수정할 경우 연락주세요 ([e-mail]) -->
<div class="crema-reviews gallery" data-widget-id="21"></div>