DTD 버전에서 사용가능합니다.

javascript 는 head.sub.php 파일에 삽입하세요.

//-----------------
$(document).ready(function() {
        //Best7
        //Set default open/close settings
        $('.acc_container').hide(); //Hide/close all containers
        $('.acc_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container

        //On Click
        $('.acc_trigger').click(function(){
            if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
$('.acc_trigger').removeClass('active').next().slideUp(); //Remove all "active" state and slide up the immediate next container
$(this).toggleClass('active').next().slideDown(); //Add "active" state to clicked trigger and slide down the immediate next container
            }
            return false; //Prevent the browser jump to the link anchor
        });//best7
});
//-----------------------------------------------------

extend 폴더에
g4m.lib.php 파일을 업로드 하세요
---------------------------------------

css/style.css 파일에
-----------------------
/* best7 */
.acc_wrap{width:300px;}
h2.acc_trigger {padding: 0;margin: 0 0 5px 0;background-color:#999;height: 26px;line-height: 26px;width: 100%;font-size: 12px;font-weight: normal;float: left;}
h2.acc_trigger a {color: #fff;text-decoration: none;display: block;text-align: center}
h2.acc_trigger a:hover {color: #333;}
h2.active {background-position: left bottom;}
.acc_container {margin: 0 0 5px; padding: 0;overflow: hidden;font-size: 1.2em;clear: both;background: #f0f0f0;border: 1px solid #d6d6d6;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.acc_container .block {padding: 20px;}
.acc_container .block ul{margin: 0px;padding: 0}
.acc_container .block ul li{font-size: 12px; list-style: none; line-height: 22px;}
.acc_container .block ul li a{text-decoration: none;}
--------------------------------------------------------
스타일 추가


출력을 원하는 페이지에
<!-- 아래 코드를 복사해 사용하세요.-->
<div class="acc_wrap">
    <h2 class="acc_trigger"><a href="#">최근 7일간 조회 Top5</a></h2>
    <div class="acc_container">
        <div class="block">
            <?=best7("그룹명", 'hit', '48');?>
        </div>
    </div>

    <h2 class="acc_trigger"><a href="#">최근 7일간 추천 Top5</a></h2>
    <div class="acc_container">
        <div class="block">
            <?=best7("그룹명", 'popular', '48');?>
        </div>
    </div>
    <h2 class="acc_trigger"><a href="#">최근 7일간 댓글 Top5</a></h2>
    <div class="acc_container">
        <div class="block">
            <?=best7("그룹명", 'reply', '48');?>
        </div>
    </div>
</div>

---------------------------------
위 코드를 삽입하세요.
 <?=best7("그룹명", '타입', '글자수');?>

-----------------------------------
사이트에 맞게 스타일을 적절히 수정해서 사용하세요.