我现在在做一个房地产网站。到目前为止一切顺利。我在一个网站上找到了一个 javascript 代码,它也可以正常工作。
我认为最好有一个 JQUERY(而不是 javascript),因为不是每个浏览器都支持 javascript 等(如果我错了,请纠正我)。
有人可以帮我将此代码转换为 jquery 吗?
谢谢!!
它是以下代码:
<script>
function showonlyonev2(thechosenone) {
var newboxes = document.getElementsByTagName("div");
for(var x=0; x<newboxes.length; x++) {
name = newboxes[x].getAttribute("class");
if (name == 'newboxes-2') {
if (newboxes[x].id == thechosenone) {
if (newboxes[x].style.display == 'block') {
newboxes[x].style.display = 'none';
}
else {
newboxes[x].style.display = 'block';
}
}else {
newboxes[x].style.display = 'none';
}
}
}
}
</script>
<div style="">
<a id="myHeader1-2" href="javascript:showonlyonev2('newboxes1-2');" >toggle</a>
<a id="myHeader2-2" href="javascript:showonlyonev2('newboxes2-2');" >toggle</a>
<a id="myHeader3-2" href="javascript:showonlyonev2('newboxes3-2');" >toggle</a>
</div>
<div class="newboxes-2" id="newboxes1-2" style="display: block"><?php the_content();?>
</div>
<div class="newboxes-2" id="newboxes2-2" style="display: none;">Div #2</div>
<div class="newboxes-2" id="newboxes3-2" style="display: none;">Div #3</div>