Ver código fonte

목록의 한 항목 클릭 시 기존에 펼쳐진 항목이 자동 닫히도록 수정

gagamel 5 anos atrás
pai
commit
b0146eedb8

+ 1 - 1
src/main/webapp/WEB-INF/views/web/callcenter/NoticeFormWeb.html

@@ -41,7 +41,7 @@
 							<div class="sec_body">
 								<div class="ui_row" id="divNotice"> <!-- 데이터 없을시 클래스 nodata 추가 -->
 									<!-- list -->
-									<div class="foldGroup case2">
+									<div class="foldGroup case1">
 										<ul id="ulNotice">
 										</ul>
 									</div>

+ 4 - 3
src/main/webapp/ux/pc/css/common.css

@@ -797,15 +797,16 @@ content: "〉";font-size: 12px;padding-left: 8px;
 .itemLike.likeit::before {opacity: 1;}
 
 .itemLink {z-index:20;position: relative;text-decoration: none;color: rgb(102, 102, 102);cursor: pointer;display: block;}
-.itemPic {position: relative;width: 100%;margin-bottom:20px;padding-top: 150%;font-size: 0px;overflow: hidden;background: #ffffff;}
-.itemPic::after {content: "";display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);}
+.itemPic {position: relative;width: 100%;margin-bottom:20px;padding-top: 150%;font-size: 0px;overflow: hidden;background-color: #ffffff;}
+.itemPic::after {content: "";display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;background-color: rgb(0, 0, 0);z-index: 999;}
 .itemPic .pd_img,
 .itemPic .pd_mov {position: absolute;width: 100%;height: auto;top: 50%;left: 0px;transform: translateY(-50%);}
 .itemPic .pd_mov {z-index: 2;height: 100%;}
 .itemPic .pd_img {z-index: 1;transition: 0.5s;}
 .itemPic .pd_img::after {content: '';display: block; height: 100%;width: 100%;background: #333;}
 /* .itemPic .pd_img {position: absolute;width: 100%;width: auto; height: auto;max-height: 500px;top: 50%;left: 50%;transform: translate(-50%,-50%);} */
-.itemOpt{z-index:3; pointer-events:none;position: absolute;bottom: -120px; left: 0; right: 0; width: 100%; height:111px;padding: 32px 0; text-align:center; color: #fff; background: rgb(0 0 0 / 0.8); }
+.itemOpt{z-index:3; pointer-events:none;position: absolute;bottom: -120px; left: 0; right: 0; width: 100%; height:111px;padding: 32px 0; text-align:center; color: #fff; background: rgb(0 0 0 / 0.8); transition-duration:0.45s;}
+.itemOpt.on{transition-duration:0.45s;bottom:0;}
 .itemOpt p{font-size: 12px;line-height: 1.2;padding-bottom: 15px;}
 .itemOpt ul{display: block;margin: 0 auto;width: auto;}
 .itemOpt ul li{font-size: 14px;line-height: 1.2;display: inline-block;margin-left: 10px;}

+ 3 - 0
src/main/webapp/ux/pc/css/layout.css

@@ -1624,6 +1624,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 
 	/* cs_notice */
 	.cs .notice .foldGroup {margin-top: 0;}
+	.cs .notice .case1 .fold_head .fold_tit::before {display:none;}
 	.notice .foldGroup .critical .fold_head,
 	.notice .foldGroup .critical .fold_detail, 
 	.notice .foldGroup .critical .fold_answer {background:#fff6f2;}
@@ -2772,6 +2773,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
 	.option_box [class^="opt_"] .select_custom {min-height:52px;}
 	.option_box [class^="opt_"] .select_custom .select {height:auto; min-height:52px; padding:17px 40px 17px 18px; border-bottom-color:#ddd; overflow:hidden; color:#222; font-weight:200;}
 	.option_box [class^="opt_"] .select_custom .select:after {right:20px;}
+	.option_box [class^="opt_"] div[class*="item_set_"] .select .opt_price {display:none;}
+	.option_box .opt_select div[class*="item_set_"] .select .opt_price {display:none;}
 	.option_box [class^="opt_"] .select_custom .select .opt_price {padding-top: 10px;}
 	.option_box [class^="opt_"] .select_custom[aria-disabled="true"] .select {color:#bbb; background:#f5f5f5;}
 	.option_box [class^="opt_"] .select_custom .combo .list {top:52px; padding:0}

+ 3 - 46
src/main/webapp/ux/pc/js/common-ui.js

@@ -310,51 +310,6 @@ $(document).ready( function() {
 		}
 	});
 
-	//통합검색 - 레이어 열고닫기
-	//210420_수정 : 검색창 호출 스크립트 수정.
-	$(document).on('click','.common_header.main_header .search .promotion_search, .common_header.main_header .search .btn_open_search',function(e){
-		location.href='sch_result.html';
-		return false;
-	}).on('click','.common_search .btn_close_search',function(e){
-		$("#header .common_search").removeClass('active'); 
-		$('body').removeClass('lock');
-		return false;
-	});		
-
-	//브랜드 통합검색 - 레이어 열고닫기
-	$(document).on('click','.common_header.br_header .search .promotion_search, .common_header.br_header .search .btn_open_search',function(e){
-		$('body').addClass('lock');
-		$("#br_header .common_search.schBrand").addClass('active'); 
-		return false;
-	}).on('click','.common_search .btn_close_search',function(e){
-		$("#br_header .common_search.schBrand").removeClass('active'); 
-		$('body').removeClass('lock');
-		return false;
-	});
-
-	//통합검색 - 검색어 입력 시 
-	$(document).on('keyup','.common_search .area_input input',function(e){
-		var searchValue = $(this).val();
-		if(searchValue.length > 0) {
-			$('.common_search .area_result .default_box').hide();	
-			$('.common_search .area_result .searching_box').show();	
-		} else if (searchValue.length == 0) {
-			$('.common_search .area_result .searching_box').hide();	
-			$('.common_search .area_result .default_box').show();	
-		}
-	});
-
-	//통합검색 - 슬라이드 컨트롤러 > 지금 고객님들이 많이 보고 있어요 
-	$(document).on('click','.common_search .realtime_slider .btn_pause',function(e){
-		realtimeItemSwiper.autoplay.stop();
-		$(this).hide();
-		$('.common_search .realtime_slider .btn_play').show();
-	}).on('click','.common_search .realtime_slider .btn_play',function(e){
-		realtimeItemSwiper.autoplay.start();
-		$(this).hide();
-		$('.common_search .realtime_slider .btn_pause').show();
-	});
-
 	//LNB_상품리스트 카테고리
 	$(document).on('click','.lnb .lnb_category ul li a',function(e){
 		$(this).toggleClass('on');
@@ -368,7 +323,9 @@ $(document).ready( function() {
 	});
 
 	/* 고객센터_accordion */
-	$(document).on('click','.cs .foldGroup .fold_head',function(e){
+	$(document).off('click').on('click','.cs .foldGroup .fold_head',function(e){
+		$('.cs .foldGroup .fold_head').removeClass('on');
+        $('.cs .foldGroup .fold_cont').slideUp(100);
 		$(this).parents('.foldGroup li').find('.fold_cont').slideToggle(100);
 		$(this).toggleClass('on');
 		return false;