html点击一个块另一个隐藏,html 点击一个按钮 显示另一个div 隐藏之前呢个div...

满意答案

ygw84942383

2016.07.26

采纳率：45%    等级：12

已帮助：13823人

div{display:none;}

$(function(){

$("button").click(function(){

var index = $(this).index();

$(".d").hide();

$(".d:eq("+index+")").show();

});

});

1111

2222

3333

4444

5555

6666

我是第1个

我是第2个

我是第3个

我是第4个

我是第5个

我是第6个

自行引入jquery文件追问： 我用的是C#的asp。net web，可以详细解释一下怎么做吗？我就一个新新手

追答： 首先暂时不管你是哪个领域的哈，单看js和html，你的需求是点一个按钮弹出一个弹出层(div)，那么你的按钮可以定义同一个class(比如class="btn")，同理，你的弹出层也是一样(比如class="div")，他们是存在着对应关系的，即第一个按钮对应着第一个div...以此类推，所以他们的下标是一样的，那么写代码的思路就是，先获取点击的按钮的下标，然后把所有弹出层都hide()，再把对应的div(jquery提供的选择器中，:eq(0)这里面的0就是下标，写上下标就找到该元素了)show()出来，功能就实现了。

追问： 那么，该怎么使用hide()，show()呢？

追答： 你没看我给你的代码吗？

00分享举报