영카트 5.4 버전 내용 적용
This commit is contained in:
@ -57,11 +57,13 @@ if( count($faq_master_list) ){
|
||||
continue;
|
||||
?>
|
||||
<li>
|
||||
<h3><span class="faq_alp faq_alp_q">Q</span><a href="#none" onclick="return faq_open(this);"><?php echo conv_content($v['fa_subject'], 1); ?></a></h3>
|
||||
<h3>
|
||||
<span class="tit_bg">Q</span><a href="#none" onclick="return faq_open(this);"><?php echo conv_content($v['fa_subject'], 1); ?></a>
|
||||
<button class="tit_btn" onclick="return faq_open(this);"><i class="fa fa-plus" aria-hidden="true"></i><span class="sound_only">열기</span></button>
|
||||
</h3>
|
||||
<div class="con_inner">
|
||||
<span class="faq_alp faq_alp_a">A</span>
|
||||
<?php echo conv_content($v['fa_content'], 1); ?>
|
||||
<div class="con_closer"><button type="button" class="closer_btn">닫기</button></div>
|
||||
<button type="button" class="closer_btn"><i class="fa fa-minus" aria-hidden="true"></i><span class="sound_only">닫기</span></button>
|
||||
</div>
|
||||
</li>
|
||||
<?php
|
||||
@ -96,18 +98,27 @@ echo '<div id="faq_thtml">'.conv_content($fm['fm_mobile_tail_html'], 1).'</div>'
|
||||
|
||||
<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
jQuery(function() {
|
||||
$(".closer_btn").on("click", function() {
|
||||
$(this).closest(".con_inner").slideToggle();
|
||||
$(this).closest(".con_inner").slideToggle('slow', function() {
|
||||
var $h3 = $(this).closest("li").find("h3");
|
||||
|
||||
$("#faq_con li h3").removeClass("faq_li_open");
|
||||
if($(this).is(":visible")) {
|
||||
$h3.addClass("faq_li_open");
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
function faq_open(el)
|
||||
{
|
||||
var $con = $(el).closest("li").find(".con_inner");
|
||||
{
|
||||
var $con = $(el).closest("li").find(".con_inner"),
|
||||
$h3 = $(el).closest("li").find("h3");
|
||||
|
||||
if($con.is(":visible")) {
|
||||
$con.slideUp();
|
||||
$h3.removeClass("faq_li_open");
|
||||
} else {
|
||||
$("#faq_con .con_inner:visible").css("display", "none");
|
||||
|
||||
@ -115,6 +126,9 @@ function faq_open(el)
|
||||
function() {
|
||||
// 이미지 리사이즈
|
||||
$con.viewimageresize2();
|
||||
$("#faq_con li h3").removeClass("faq_li_open");
|
||||
|
||||
$h3.addClass("faq_li_open");
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,34 +1,28 @@
|
||||
@charset "utf-8";
|
||||
|
||||
#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_cate ul {margin: 10px;padding-left:1px;zoom:1}
|
||||
#bo_cate ul {background:#fff;padding-left:1px;border-bottom:1px solid #d9dce3;zoom:1}
|
||||
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_cate li{display:inline-block;float:left;margin:3px 5px 3px 0}
|
||||
#bo_cate a {display:block;line-height:24px;padding:0 10px;border-radius:13px;background:#fff;}
|
||||
#bo_cate #bo_cate_on {background:#4162ff;color:#fff;
|
||||
-webkit-box-shadow:0 0 5px rgba(65,98,255,0.8);
|
||||
-moz-box-shadow:0 0 5px rgba(65,98,255,0.8);
|
||||
box-shadow: 0 0 8px rgba(65,98,255,0.8);}
|
||||
#bo_cate li {display:inline-block;float:left;}
|
||||
#bo_cate a {display:block;line-height:24px;padding:15px;border-radius:13px;background:#fff}
|
||||
#bo_cate #bo_cate_on {display:inline-block;position:relative;color:#3a8afd}
|
||||
#bo_cate #bo_cate_on:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;display:inline-block;background:#3a8afd}
|
||||
|
||||
#faq_wrap {margin:10px 10px 60px}
|
||||
#faq_wrap h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
.faq_admin {margin:0 5px;text-align:right}
|
||||
#faq_wrap p {line-height:1.8em}
|
||||
#faq_wrap {margin:0 0 30px}
|
||||
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
.faq_admin {text-align:right}
|
||||
#faq_wrap ol {margin:0;padding:0;list-style:none}
|
||||
#faq_wrap li{margin:10px 0;background:#fff;border-radius:3px;
|
||||
-webkit-box-shadow: 0 1px 4px #cbd1df;
|
||||
-moz-box-shadow: 0 1px 4px #cbd1df;
|
||||
box-shadow: 0 1px 4px #cbd1df;}
|
||||
#faq_con h3{position:relative;padding-left:30px;}
|
||||
#faq_con h3 a {display:block;padding:10px;}
|
||||
#faq_con .faq_alp{position:absolute;top:10px;left:10px;display:inline-block;background:#333;border-radius:50%;width:20px;height:20px;line-height:20px;text-align:center;color:#fff}
|
||||
#faq_con .faq_alp_a{background:#aaa}
|
||||
#faq_con .con_inner {;position:relative;display:none;padding:10px;padding-left:40px;line-height:1.8em;border-top:1px solid #eee;}
|
||||
#faq_con .con_closer {margin:10px 0 0;text-align:right}
|
||||
#faq_con .closer_btn {margin:0;padding:0 5px;line-height:24px;border:0;background:#666;color:#fff}
|
||||
.faq_tolist {padding:0 10px;text-align:right}
|
||||
.faq_img {text-align:center}
|
||||
#faq_wrap li {border-bottom:1px solid #ececec;background:#fff;position:relative}
|
||||
#faq_wrap li h3 {min-height:50px;line-height:30px;padding:15px;padding-left:50px;position:relative}
|
||||
#faq_wrap li h3 a {font-size:1.2em}
|
||||
#faq_wrap li h3 .tit_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#c5cdd8;font-size:1.2em}
|
||||
#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:15px;left:15px;text-align:center;color:#000;font-size:1.6em}
|
||||
#faq_wrap li h3.faq_li_open a {color:#3a8afd}
|
||||
|
||||
#faq_sch {text-align:center;margin:10px;position:relative}
|
||||
#faq_sch .frm_input {width:100%}
|
||||
#faq_sch .btn_submit{position:absolute;top:0;right:0;width:40px;height:40px;background:none;color:#000;font-size:15px}
|
||||
#faq_con .con_inner {display:none;padding:5px 5px 20px 50px}
|
||||
#faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
|
||||
#faq_con .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#3a8afd;font-size:1.2em}
|
||||
|
||||
#faq_sch {position:relative;padding:15px;text-align:center}
|
||||
#faq_sch .frm_input {width:100%;height:45px;border:2px solid #3a8afd;border-radius:0}
|
||||
#faq_sch .btn_submit {position:absolute;top:17px;right:17px;width:41px;height:41px;background:none;color:#000;font-size:15px}
|
||||
|
||||
Reference in New Issue
Block a user