怎样实现点击一个列表，显示一个div，隐藏其他div？
左侧一个ul列表，右侧一个容器存放了8个div怎样实现：点击左侧列表的一个li，在右边显示对应的div，而其他div隐藏。
浏览 744回答 1
$(function(){
$(&ul li&).click(function(){
var index = $(this).index();
$(&.Div div&).eq(index).show().siblings().hide();
//.Div指里面含有8个小div的元素的class
随时随地看视频怎样实现点击一个列表，显示一个div，隐藏其他div？ - 知乎2被浏览<strong class="NumberBoard-itemValue" title="分享邀请回答0添加评论分享收藏感谢收起html 点击一个按钮 显示另一个div 隐藏之前呢个div(display属性，怎么用js控制)_百度知道
html 点击一个按钮 显示另一个div 隐藏之前呢个div(display属性，怎么用js控制)
&script type=&text/javascript& language=&javascript&&
&input type=&button& value=&点击& id=&btn& /&
&div id=&t1& style=&display:block&&&h3&隐藏这个&/h3&&/div&
&div id=&t2& style=&display:none&&
&h3&显示这个&span&烦烦烦：&in...
我有更好的答案
我用jquery写下吧。原生的差不多的道理。$(&#btn&).click(function(){
$(&#t1&).hide();
$(&#t2&).show();})
我单独试了的确是我想要的效果 但是放在我写的网页里就是不起作用唉。。。 要显示的呢个div总是一闪而过 第一个隐藏不掉
你最好能提供给我一个测试的文件。要不然不知道具体的情况。
效果只能在ie里实现 360，谷歌都是一闪而过
是不是你的点击按钮是超链接？如果是超链接的话得去掉超链接的默认行为。$(&#btn&).click(function(e){
$(&#t1&).hide();
$(&#t2&).show();
e.preventDefault();&#47;&#47; 去除默认行为})
采纳率：57%
function show(id){
= document.getElementById(&#39;t1&#39;); //设置一个变量用于接收id=t1的元素
var show2= document.getElementById(&#39;t2&#39;); //设置一个变量用于接收id=t2的元素
if(show1.style.display != &#39;block&#39;){
//判断如果id=t1的display不是block
show1.style.display = &#39;block&#39;;
//将=t1的display样式赋值成其它不想显示变为none,否则相反
show2.style.display=&#39;none&#39;;
show1.style.display = &#39;none&#39;;
show2.style.display=&#39;block&#39;;
}}&/script&&input type=&button& value=&点击& id=&btn&
onclick=&show(t1);&/&&div id=&t1& style=&display:block&&&h3&隐藏这个&/h3&&/div&&div id=&t2& style=&display:none&&&h3&显示这个&span&烦烦烦：&input
type=&text& name=&jiqun& id=&jiqun& value=&&/&
&a href=&#&&嘎嘎嘎&/a& &/span&
&/h3&&/div&
&script type=&text/javascript& language=&javascript&&function tab(name,cursel,n){for(i=1;i&=n;i++){var con=document.getElementById(name+&_&+i);var con1=document.getElementById(name+&_&+i+&_&+i);con.style.block=i==cursel?&display&:&none&;con1.style.display=i==cursel?&block&:&none&;}}&/script&&div id=&syxm1& onmousedown=&tab(&#39;syxm&#39;,1,1)&&点击&/div&&div id=&syxm_1&&&h3&隐藏这个&/h3&&/div&&div id=&syxm_1_1& style=&display:none&&&h3&显示这个&span&烦烦烦：&input
type=&text& name=&jiqun& id=&jiqun& value=&&/&
&a href=&#&&嘎嘎嘎&/a& &/span&
&/h3&&/div&这个满足你得要求。onmousedown=&tab(&#39;syxm&#39;,1,1)这里换成onclick=&tab(&#39;syxm&#39;,1,1)也可以。
................................click事件。。。。！！
其他1条回答
为您推荐：
其他类似问题
div的相关知识
&#xe675;换一换
回答问题，赢新手礼包&#xe6b9;
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。如何点击按钮显示一个DIV，点击页面其它地方隐藏这个DIV？
[问题点数：40分]
如何点击按钮显示一个DIV，点击页面其它地方隐藏这个DIV？
[问题点数：40分]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
匿名用户不能发表回复！|有三个DIV块，怎么让显示其中任意一个DIV、隐藏其他两个DIV时，显示的这个DIV排版都是在最前面的位置？
[问题点数：20分，结帖人lhbirdl]
有三个DIV块，怎么让显示其中任意一个DIV、隐藏其他两个DIV时，显示的这个DIV排版都是在最前面的位置？
[问题点数：20分，结帖人lhbirdl]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
匿名用户不能发表回复！|}