자바스크립트 토글문제좀 봐주세요 ㅠㅠ
본문
답변 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>
답을 못찾으셨다니.....
아래 코드만 놓고서 한번 해보세요.
안돼면 이상한겁니다.
<!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>
감사합니다!!
답변을 작성하시기 전에 로그인 해주세요.