我的html中有四个不同的div,我想隐藏,然后根据我点击的链接显示我的选择之一。但是,我无法隐藏它们。它不会工作,我希望各个div中的任何内容都显示在链接下,而不是像他们现在那样在它们旁边。我最大的困难是隐藏我的divs,任何解决方案?
Javascript
function show1(){
var minaP = document.getElementByID("one");
minaP.style.visibility = "visible";
}
function show2(){
var minaP = document.getElementById("two");
minaP.style.visibility = "visible";
}
function show3(){
var minaP = document.getElementById("three");
minaP.style.visibility = "visible";
}
function show4(){
var minaP = document.getElementById("four");
minaP.style.visibility = "visible";
}
function init() {
var minaDiv = document.getElementsByTagName("div");
for(i=0; i<minaDiv.length; i++){
minaDiv[i].style.visibility = "hidden";
}
var minaA = document.getElementsByTagName("a");
for(i=0; i<minaA.length; i++){
if(document.getElementById == "1"){
minaA.onclick = show1;
}
}
}
window.onload = init;
HTML
<div>
<ul class="meny">
<li><a href="#" id="1">Utvärdering/Feedback</a></li>
<li><a href="#" id="2">Kontakt</a></li>
<li><a href="#" id="3">Öppettider</a></li>
<li><a href="#" id="4">Om Asperöd</a></li>
</ul>
</div>
<div id="one">
<p><b>Aperåd Äventyrsland</b></p>
<p>Växel: 0200-123456999 (kl.08:30-15)</p>
<p>Stora Vägen 140</p>
<p>289 22 Aperöd</p>
<p>Skicka oss din <a href="#">fråga</a></p>
</div>
<div id="two">
<p>Du kan kontakta oss på följande nummer:
<br> 040-123456
</p>
<p> Du kan även mejla oss:
<br> aperöd@hotmail.com
</p>
</div>
<div id="three">
<p>Vi har följande öppettider:</p>
<p> Mån-Fre: 10:00 - 20:00 </p>
<p> Lör: 10:00 - 18:00 </p>
</div>
<div id="four">
Aperödärenfinparkförallamöjligaadienter。 Vi erbjuder en massa,men det kostar 500kr 左右是三角洲。
答案 0 :(得分:1)
您需要使用style.display = 'none'
,而不是style.visibility
和style.display = 'block'
或'inline'
来展示
答案 1 :(得分:1)