Project Jo

게시글 안에 펼치기 접기 만드는 방법 본문

Developer/Web

게시글 안에 펼치기 접기 만드는 방법

Project Jo 2014. 10. 9. 16:09
게시글을 쓰다 보면 중요하지 않지만 서술해야 하는 부분이 생기기 마련이다.
이러한 경우 중요하지 않은 부분은 숨켜두고 내용을 적어서 글을 조금 더 매끄럽게 이어가게 하고 싶을 것 이다.
이때, 아래와 같이 javascript 를 이용해서 펼치고 접는 기능을 사용하면 된다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<div>
    <form name="SimpleForm">
        <a href="javascript:Detail(true);">자세히>></a><br />
    </form>
 
    <form name="DetailForm">
        <a href="javascript:Detail(false);">숨키기<<</a><br />
        <br />
        내용 내용 내용<br />
    </form>
</div>
 
<script>
    Detail(false);
 
    function Detail(isShow) {
        if (isShow)
        {
            SimpleForm.hidden = true;
            DetailForm.hidden = false;
        }
        else
        {
            SimpleForm.hidden = false;
            DetailForm.hidden = true;
        }
    }
</script>