Question

求一段JS代码，用来点击控制标题下属DIV块的显示隐藏

像图片这样的布局，分三段，每一段标题下面都有文字，点击标题则出现该段文字，隐藏其他段文字， 希望用 onclick 的方式触发，能兼容各个浏览器，不用Jquery库的，那个我不知道怎么用，这里高分酬谢了

网上的那些就别贴来了，都用不了，希望会的人能帮忙写一下，应该也不难

Answer 1

function clicks(show) {
var shoeid = document.getElementById(show);

if (shoeid.style.display == 'none') {
shoeid.style.display = '';

}
else {
shoeid.style.display = 'none';
}

return false;
}

<div>
<ul>
<li><a href="#" onclick="clicks('1')">122</a>
<div style="display:none" id="1">ssssss</div>
</li>
<li>
<a href="#" onclick="clicks('2')">12266</a>
<div style="display:none" id="2">ssssssttt</div>
</li>
<li>
<a href="#" onclick="clicks('3')">1223444</a>
<div style="display:none; height:100px;" id="3">ssssssdd</div>
</li>
</ul>
</div>

Answer 2

使用jq的话 一句话就可以实现你的代码。 使用js 代码段和页面设计有点要求。如果需要jq的话 在问我吧。其实jq只需要引入1.9.1 就可以支持ie6 这是最后一个版本支持ie6 ie7的

追问

再问问你

追答

。。问 什么呢。

Answer 3

你是不想用jquery实现显示自己的强大还是不知道怎么用jquery而不用它？如果是后者，兄弟，你醒醒吧，用jquery你两分钟就能看懂并解决，重要的是，你如果在做网站方面发展，不可能会逃避jquery的