<style type="text/css">
.dhtmlgoodies_question{   
    font-size:12px;
    font-family:verdana;
    border-bottom:1px solid #444444;
    border-right:1px solid #444444;
    border-left:1px solid #444444;
    background-color:#efefef;
    padding:0px;
    width:430px;
   
    visibility:hidden;
    overflow:hidden;
    position:relative;

}
.dhtmlgoodies_answer_content{   
    padding:1px;
    font-size:0.9em;   
    position:relative;
}

</style>
<script type="text/javascript">
/************************************************************************************************************
(C) www.dhtmlgoodies.com, November 2005

This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.   

Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.

Thank you!

www.dhtmlgoodies.com
Alf Magne Kalleland

************************************************************************************************************/

var dhtmlgoodies_slideSpeed = 4;    // Higher value = faster
var dhtmlgoodies_timer = 10;    // Lower value = faster

var objectIdToSlideDown = false;
var dhtmlgoodies_activeId = false;
var dhtmlgoodies_slideInProgress = false;
function showHideContent(e,inputId)
{
    if(dhtmlgoodies_slideInProgress)return;
    dhtmlgoodies_slideInProgress = true;
    if(!inputId)inputId = this.id;
    inputId = inputId + '';
    var numericId = inputId.replace(/[^0-9]/g,'');
    var answerDiv = document.getElementById('dhtmlgoodies_a' + numericId);

    objectIdToSlideDown = false;
   
    if(!answerDiv.style.display || answerDiv.style.display=='none'){       
        if(dhtmlgoodies_activeId &&  dhtmlgoodies_activeId!=numericId){           
            objectIdToSlideDown = numericId;
            slideContent(dhtmlgoodies_activeId,(dhtmlgoodies_slideSpeed*-1));
        }else{
           
            answerDiv.style.display='block';
            answerDiv.style.visibility = 'visible';
           
            slideContent(numericId,dhtmlgoodies_slideSpeed);
        }
    }else{
        slideContent(numericId,(dhtmlgoodies_slideSpeed*-1));
        dhtmlgoodies_activeId = false;
    }   
}

function slideContent(inputId,direction)
{
   
    var obj =document.getElementById('dhtmlgoodies_a' + inputId);
    var contentObj = document.getElementById('dhtmlgoodies_ac' + inputId);
    height = obj.clientHeight;
    if(height==0)height = obj.offsetHeight;
    height = height + direction;
    rerunFunction = true;
    if(height>contentObj.offsetHeight){
        height = contentObj.offsetHeight;
        rerunFunction = false;
    }
    if(height<=1){
        height = 1;
        rerunFunction = false;
    }

    obj.style.height = height + 'px';
    var topPos = height - contentObj.offsetHeight;
    if(topPos>0)topPos=0;
    contentObj.style.top = topPos + 'px';
    if(rerunFunction){
        setTimeout('slideContent(' + inputId + ',' + direction + ')',dhtmlgoodies_timer);
    }else{
        if(height<=1){
            obj.style.display='none';
            if(objectIdToSlideDown && objectIdToSlideDown!=inputId){
                document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.display='block';
                document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.visibility='visible';
                slideContent(objectIdToSlideDown,dhtmlgoodies_slideSpeed);               
            }else{
                dhtmlgoodies_slideInProgress = false;
            }
        }else{
            dhtmlgoodies_activeId = inputId;
            dhtmlgoodies_slideInProgress = false;
        }
    }
}

function initShowHideDivs()
{
    var divs = document.getElementsByTagName('DIV');
    var divCounter = 1;
    for(var no=0;no<divs.length;no++){
        if(divs[no].className=='dhtmlgoodies_question'){
            divs[no].onclick = showHideContent;
            divs[no].id = 'dhtmlgoodies_q'+divCounter;
            var answer = divs[no].nextSibling;
            while(answer && answer.tagName!='DIV'){
                answer = answer.nextSibling;
            }
            answer.id = 'dhtmlgoodies_a'+divCounter;   
            contentDiv = answer.getElementsByTagName('DIV')[0];
            contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px';   
            contentDiv.className='dhtmlgoodies_answer_content';
            contentDiv.id = 'dhtmlgoodies_ac' + divCounter;
            answer.style.display='none';
            answer.style.height='1px';
            divCounter++;
        }       
    }   
}
</script>

<div class="dhtmlgoodies_question"><B>Q: 2ustoy 자료 다운로드는 유료인가요?</B></div>
<div class="dhtmlgoodies_answer">
    <div style="padding:15">
<a href="http://am7.net">    2ustory에 있는 모든 소스는 무료입니다.<p> </a>
    단 루비(포인트)정책을 이용하여 자료 다운로드시에는 포인트 소진이 있습니다.
    포인트 획득은 게시판에 글을 게재하시거나 아니면 자료를 업로드 하시면 됩니다.<p>
    자세한 포인트 정책은 여기를 클릭하세요..
    </div>
</div>
<table cellspacing=0 cellpadding=0><tr><td height=3></td></tr></table>

<div class="dhtmlgoodies_question"><B>Q: 루비(포인트)가 떨어졌어요?</B></div>
<div class="dhtmlgoodies_answer">
    <div style="padding:15">
    루비 소진시에는 자료 등록 또는 커뮤니티 동참이외에는 방법이 없습니다.<p>
    최초 1회에 한해서 100루비 충전해드립니다. 되도록이면 자료 공유 또는 커뮤니티 동참을 이용하여 획득하시기 바랍니다.
    </div>
</div>
<table cellspacing=0 cellpadding=0><tr><td height=3></td></tr></table>

<div class="dhtmlgoodies_question"><B>Q: 2ustory 운영진들은 모두 잘 생겼나요?</B></div>
<div class="dhtmlgoodies_answer">
    <div style="padding:15">네 ㅋ</div>
</div>

<script type="text/javascript">
initShowHideDivs();
// showHideContent(false,1);   
// 페이지 로딩시 첫번째로 펼쳐질 항목 선택
// 1=첫번째 항목 2=두번째 항목
// 페이지 로딩시 펼쳐질 항목이 나타나지 않게 하려면 showHideContent(false,1);을 주석 처리 또는 삭제하세요.
</script>