요약 기능 질문
본문
음.. 연관성이 없지만 물어볼곳이 여기밖에 없어서 여쭤봅니다..
<a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" href="javascript:void(0)"><img src="이미지"></a><div style="DISPLAY: none">내용</div>
이 태그를 사용하는데요..
이미지를 클릭하면 요약되어 있는 내용이 나와야하는데..
게시판에 저 소스를 넣으면 이미지 클릭하면 이미지 주소로 이동을 해버립니다..
어떻게 해야 내용만 출력되게 할 수 있을까요?
<a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" href="javascript:void(0)"><img src="이미지"></a><div style="DISPLAY: none">내용</div>
이 태그를 사용하는데요..
이미지를 클릭하면 요약되어 있는 내용이 나와야하는데..
게시판에 저 소스를 넣으면 이미지 클릭하면 이미지 주소로 이동을 해버립니다..
어떻게 해야 내용만 출력되게 할 수 있을까요?
답변 1
<head>
<meta charset="utf-8">
</head>
<body>
<a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';" href="javascript:void(0)"><img src="./icon_file.gif"></a><div style="DISPLAY: none">내용</div>
</body>
위와 같이 넣어서 테스트해보니 브라우저에서 잘 동작합니다. 이미지 클릭하면 아래에 "내용"이 토글 되는 것이 아니라면 어떤 질문인지 다시한번 주세요
!-->
답변을 작성하시기 전에 로그인 해주세요.