jquery 怎样控制多个div

Posted 2023-02-19

类似导航栏那种, 总共4个按钮 显示不同的div 点第一个只显示第一个 点第二个只显示第二个 显示的div点击也不会隐藏 只要告诉我jquery代码就好啦

<input type="button" value="DIV-1" onclick="showDivs('div1')"/>

<input type="button" value="DIV-2" onclick="showDivs('div2')"/>

<input type="button" value="DIV-3" onclick="showDivs('div3')"/>

<input type="button" value="DIV-4" onclick="showDivs('div4')"/>

<hr/>

<!--div初始状态：全部隐藏-->

<div id="div1" style="border: solid 1px #253A41;width: 200px;height:200px;background: #EEEEEE;display: none;">111111111111</div>

<div id="div2" style="border: solid 1px #66CC00;width: 200px;height:200px;background: #F4E0E0;display: none;">222222222222</div>

<div id="div3" style="border: solid 1px #6BB8FF;width: 200px;height:200px;background: #AFDAFF;display: none;">333333333333</div>

<div id="div4" style="border: solid 1px #7B0000;width: 200px;height:200px;background: #D2E7FA;display: none;">444444444444</div>

<script type="text/javascript">

function showDivs(divID)//根据传入的div的id显示

var divs=["div1","div2","div3","div4"];

for (var i=0;i<4;i++)

if(divs[i]!=divID)

$("#"+divs[i]).hide();

$("#"+divID).show();

</script>

参考技术A

“点第一个只显示第一个”，这时候第二个、第三个……都没有显示出来，要怎么点？