Question

我是css，jquery和layers的新手。

我需要构建一些包含3个需要显示某些内容的链接的页面。点击lin1 1时，我需要显示content1.html。对于content2.html和content3.html，链接2和3也是如此。

需要使用新信息刷新内容层。

我该怎么办？请帮忙。

Answer 1

这是一种使用jquery执行此操作的简单方法。

HTML CODE：

<button id="btn1">Content 1</button>
<button id="btn2">Content 2</button>
<button id="btn3">Content 3</button>

<div id="content1">Content 1</div>
<div id="content2">Content 2</div>
<div id="content3">Content 3</div>

CSS代码：

div{
    display: none;
}

JQUERY CODE：

$(document).ready(function(){
$("#btn1").click(function(){
$("#content1").show();
$("#content2").hide();
$("#content3").hide();
});
 $("#btn2").click(function(){
    $("#content1").hide();
    $("#content2").show();
    $("#content3").hide();
});
$("#btn3").click(function(){
$("#content1").hide();
    $("#content2").hide();
    $("#content3").show();
});
});

如果您想查看它，请查看Here

如何定位特定的div层以显示不同的内容

1 个答案: