Jquery를 사용하여 div의 클래스를 # house1 요소로 토글하려고 시도하지만, 내가 무엇을 하든지 상관없이 클릭 할 때마다 숨기고 싶지 않은 것 같습니다.jquery가이 div 클래스를 토글하지 않는 이유는 무엇입니까?
<!DOCTYPE html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'>
<link href="bas.css" type="text/css" rel="stylesheet"/>
<meta charset="utf-8"/>
<title>Jans Fastigheter</title>
</head>
<body>
<div class="header">
<div>
<img src="jans_logo.jpg">
</div>
<ul>
<li><a class="current_huvud" href="Huvudsida.html">Huvudsida</a></li>
<li><a href="kontakta oss.html">Kontakta Oss</a></li>
</ul>
</div>
<div>
<div id="house1">
</div>
<div id="house2">
</div>
<div id="house3">
</div>
</div>
<script>
$(document).ready(function() {
$("#house1").click(function() {
$(this).toggleclass("hide");
});
});
</script>
</body>
</html>
그리고 관련 CSS 코드 :
#house1 {
width:250px;
height:250px;
margin: 30px 30%;
background-image: url("apartment_building.jpg");
background-size: cover;
}
.hide {
display: none;
}
''toggleclass''는''toggleClass''가되어야합니다. –
브라우저의 콘솔에있는 오류 메시지를 한 번 봐서 즉시 대답 할 수 있습니다. 미래를 들여다 보는 습관을 만드십시오. – Jon