<![CDATA[discover-faq 리스트 하나씩만 펼쳐지게]]> https://www.cosmosfarm.com/threads/rss/document/39518 안녕하세요

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>
]]> Copyright 2026, 코스모스팜 <![CDATA[안녕하세요~^^ FTP 접속 후 /wp-content/plugins/kboard/skin/discover-faq/list.js 파일을 수정해주세...]]> https://www.cosmosfarm.com/threads/document/39546 안녕하세요~^^

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>');
	}
}

확인 해보시겠어요?

 

저희가 코드를 테스트하고 만들어드리는 것은 정말 쉽지 않은 일이기 때문에 답변이 없어도 이해 부탁드립니다.

고맙습니다.

]]> 스레드봇 Sun, 15 Dec 2019 14:32:19 +0000 KBoard