안녕하세요
KBoard 디스커버 FAQ 스킨 게시판을 사용하는데
리스트 를 클릭했을때 다른 리스트가 닫혀지지 않고 계속 펼쳐져 있어서
하나가 열리면 다른게 닫혀있게 하고싶습니다.(아코디언)
코드 무엇을 추가해야 할가요 ?
타이틀부분에 추가해야하는건가요 ? 커스텀 해논 코드 아래 붙여놓겠습니다.
<?php while($content = $list->hasNext()):?>
<div class="kboard-list-item<?php if($content->uid == kboard_uid()):?> kboard-list-selected<?php endif?>">
<button type="button" class="kboard-list-button" onclick="kboard_discover_faq_toggle(this)">
<div class="kboard-list-title">
<?php if($content->secret):?><img src="<?php echo $skin_path?>/images/icon-lock.png" class="icon-lock" alt="<?php echo __('Secret', 'kboard')?>"><?php endif?>
<span class="kboard-comments-count"><?php echo $content->getCommentsCount()?></span>
<span class="accordion"><i class="fas fa-plus"></i></span>
<td class="kboard-list-mapp"><?php if($content->option->mapp):?><span class="kboard-list-mapp2"><?php echo $content->option->mapp?></span><?php endif?></td>
<td class="kboard-list-fran"><?php if($content->option->fran):?><span class="kboard-list-fran2"><?php echo $content->option->fran?></span><?php endif?></td>
<td class="kboard-list-ADD"><?php if($content->option->mapp):?><span class="kboard-list-ADD2"><?php echo $content->option->ADD?></span><?php endif?></td>
<td class="kboard-list-telll"><?php if($content->option->mapp):?><span class="kboard-list-telll2"><?php echo $content->option->telll?></span><?php endif?></td>
</div>
</button>
안녕하세요~^^
FTP 접속 후 /wp-content/plugins/kboard/skin/discover-faq/list.js 파일을 수정해주세요.
list.js 파일 내용을 아래 코드로 교체 해보세요.
/**
* @author https://www.cosmosfarm.com/
*/
function kboard_discover_faq_toggle(obj){
var parent = jQuery(obj).parent();
var content = jQuery(parent).children('.kboard-list-description-wrap');
var accordion_icon = jQuery(parent).find('.accordion');
jQuery('.kboard-list-item.active').each(function(){
if(jQuery('.kboard-list-item').index(parent) != jQuery('.kboard-list-item').index(this)){
var obj = this;
jQuery(this).children('.kboard-list-description-wrap').slideUp('fast', function(){
jQuery(obj).removeClass('active');
jQuery(obj).find('.accordion').html('<i class="fas fa-plus"></i>');
});
}
});
if(jQuery(parent).hasClass('active')){
jQuery(content).slideUp('fast', function(){
jQuery(parent).removeClass('active');
jQuery(accordion_icon).html('<i class="fas fa-plus"></i>');
});
}
else{
jQuery(content).slideDown('fast');
jQuery(parent).addClass('active');
jQuery(accordion_icon).html('<i class="fas fa-minus"></i>');
}
}
확인 해보시겠어요?
저희가 코드를 테스트하고 만들어드리는 것은 정말 쉽지 않은 일이기 때문에 답변이 없어도 이해 부탁드립니다.
고맙습니다.