내 HTML 페이지의 1 섹션을 표시하고 나머지는 숨기려고했습니다. "다음"버튼과 "이전"버튼을 만들어 무리를 스크롤하십시오. 그러나 웹 사이트는 이것에 의해 영향을받지 않는 것처럼 보였다.한 문장을 숨기고 다른 문장을 드러내는 방법?
next1 = function() {
if ($("#p1").css("display") !== "none") {
$("#p2").show()
$("#p1").hide()
$("#p3").hide()
}
else if ($("#p2").css("display") !== "none") {
$("#p3").show()
$("#p1").hide()
$("#p2").hide()
}
else if ($("#p3").css("display") !== "none")) {
alert("This is the end.")
}
}
prior = function() {
if ($("#p1").css("display") !== "none")) {
alert("No pages before this.")
}
else if ($("#p2").css("display") !== "none")) {
$("#p1").show()
$("#p2").hide()
$("#p3").hide()
}
else if ($("#p3").css("display") !== "none")) {
$("#p2").show()
$("#p1").hide()
$("#p3").hide()
}
}
setup = function() {
$("#p2").css("display") == "none")
$("#p3").css("display") == "none")
$("#next1").click(next)
$("#prior").click(prior)
}
$(document).ready(setup)
과 HTML은
<!DOCTYPE html>
<head>
<script src="page.js"></script>
<title>A Story</title>
</head>
<body>
<section id="p1">
<p>...4</p>
</section>
<section id="p2">
<p>..2.</p>
</section>
<section id="p3">
<p>..1.</p>
</section>
<button value="prior">previous</button> <button value="next">next</button>
</body>
</html>
서식이나 구문에 문제가있는 경우 알려주십시오. 미리 감사드립니다 –
안녕하세요 @ FalseLiu - [ask] 페이지를 확인하십시오. 여기에 불완전한 코드를 제공했습니다. 해당 HTML이 없습니다. 또한 표시된 부분에 오류가 많이있는 것 같습니다. –