jQuery 를 이용하여 div hide/show 하기

show / hide 명령어를 사용하면 display:none; 값으로 되있는 것을 쉽게 표시 할 수 있다.

처음에는 toggle()을 이용했지만, 나중에 펼치기/접기 텍스트를 넣기 위해서, 조금 수정함

function button_act()
{
    if( $("#list2").css("display") != "none")
    {
        $("#list2").hide();
        $("#button").html("더보기")
    } else {
        $("#list2").show();
        $("#button").html("접기")
    }
}

기본적으로 디스플레이가 none일 경우에 더보기와 접기가 동작한다. (내 생각에는 두개가 바뀐거 같은데.... 적용해보면 저게 맞다.)