자바스크립트 토글문제좀 봐주세요 ㅠㅠ
본문
답변 3
말 그대로 입니다. 없는 것을 없다고 하는 것!
아래처럼 css 속성을 넣으면 해당 오류는 없어질 것입니다.
<script>
function toggle_layer() {
if($("#layer").css("display") == "none"){
$("#layer").show();
}else{
$("#layer").hide();
}
}
</script>
<img src="아이콘이미지경로" onclick="toggle_layer()">
<div id="layer" style="display:block;">설명글</div>
죄송합니다.. 제가 이해를 잘 못하겠어요 ㅠㅠ "css 속성을 넣으면" 이 뜻을 모르겠습니다. 똑 같이 복사해셔 해봐도 같은 에러가 뜨네요. ㅜㅜ
sinbi님 감사합니다. 제가 공부한지가 오래되서 10년이 더 된 그누4에 적용하려니 힘드네요ㅠㅠ 아무튼 감사합니다. 팀을 봐도 머가 먼지 모르겠네요 ㅠㅠ
<div id="layer" style="display:block;">설명글</div> 소스에서
style="display:block;" 넣어주라는 의미입니다.
sinbi님 감사합니다. 밤늦게까지 제 글에 답변 주시고요 ^^ 하다하다 해결이 안되서 다른 방법을 하려고 해요... 그래도 이렇게 늦게까지 도움주셔서 너무 힘나네요.. 정말 감사합니다 ^^!
신비님이 추가 답변을 해 주셨네요 ^^;
답을 못찾으셨다니.....
아래 코드만 놓고서 한번 해보세요.
안돼면 이상한겁니다.
<!doctype html>
<html lang="ko">
<head>
<title>Lorem Ipsum</title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<script>
function toggle_layer() {
if($("#layer").css("display") == "none"){
$("#layer").show();
}else{
$("#layer").hide();
}
}
</script>
<button onclick="toggle_layer()">토글 클릭</button>
<br>
<div id="layer" style="display:block;">설명글</div>
</body>
</html>
감사합니다!!