묻고답하기
소스 좀 봐주세요!
2012.09.21 13:01
onclick 을 사용한 접기/펼치기 태그인데요,
이걸 사용하고 클릭을 했을때 그냥 바로바로 뜨는게 아니라 좀 서서히, 부드럽게 뜨게끔 하고 싶은데요
http://pat.im/907
위 링크에 나와있는 미리보기처럼요
어떻게 소스를 수정하면 될까요??
<A onclick="this.nextSibling.style.display='block';this.innerHTML=''"; href='javascript:void(0)'>클릭</a><DIV style='display:none'>
내용
<A onclick="this.parentNode.style.display='none';this.parentNode.previousSibling.innerHTML='[보기]';" href=javascript:void(0)>[닫기]</A></DIV>
이걸 사용하고 클릭을 했을때 그냥 바로바로 뜨는게 아니라 좀 서서히, 부드럽게 뜨게끔 하고 싶은데요
http://pat.im/907
위 링크에 나와있는 미리보기처럼요
어떻게 소스를 수정하면 될까요??
<A onclick="this.nextSibling.style.display='block';this.innerHTML=''"; href='javascript:void(0)'>클릭</a><DIV style='display:none'>
내용
<A onclick="this.parentNode.style.display='none';this.parentNode.previousSibling.innerHTML='[보기]';" href=javascript:void(0)>[닫기]</A></DIV>
댓글 2
-
송동우
2012.09.21 13:23
-
워크온
2012.09.21 16:47
일단 답변 정말 고맙습니다! 근데 혹시 버튼을 눌렀을때 모양이 달라지고(예를 들어 숨겨져있을때는 펼치기 라는 글자가 보이고, 펼쳐지고 나서는 닫기 라는 글자로 변하는 식으로..) 눌렀을때 버튼이 내용 아래로 가게끔 할수는 없나요?? -
송동우
2012.09.21 17:53
샘플입니다.
보통 이런 경우 일반 자바스크립트 보다는
프레임웍을 사용합니다.
샘플파일 첨부했습니다.