2026, 새로운 도약을 시작합니다.

자바스크립트 토글문제좀 봐주세요 ㅠㅠ 채택완료

https://sir.kr/qa/321319

이 글 예제대로 하니

정의되지 않음 또는 null 참조인 'css' 속성을 가져올 수 없습니다.

라고 뜹니다. 뭐가 잘못되었을까요?

답변 3개

채택된 답변
+20 포인트

말 그대로 입니다. 없는 것을 없다고 하는 것!

아래처럼 css 속성을 넣으면 해당 오류는 없어질 것입니다.

Copy




function toggle_layer() {


    if($("#layer").css("display") == "none"){
        $("#layer").show();
    }else{
        $("#layer").hide();
    }
}


설명글
로그인 후 평가할 수 있습니다

답변에 대한 댓글 6개

죄송합니다.. 제가 이해를 잘 못하겠어요 ㅠㅠ "css 속성을 넣으면" 이 뜻을 모르겠습니다. 똑 같이 복사해셔 해봐도 같은 에러가 뜨네요. ㅜㅜ
https://codepen.io/sinbi/pen/JjPyVWv
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>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고