我使用了一些简单的代码来折叠一个 div,就是这样:
<script language="JavaScript">
<!--
function expand(param)
{
param.style.display=(param.style.display=="none")?"":"none";
}
//-->
</script>
我应该添加什么代码来让它识别何时打开一个 div 并折叠前一个 div?
这是我要使用的链接:
<a href="javascript:expand(document.getElementById('div1'))">Link 1</a>
<div id="div1" width="300px" style="display:none"></div>
有什么想法吗?
最佳答案
这正是 jQuery 非常适合的地方。这是 jsfiddle 中的一个工作示例。
http://jsfiddle.net/mrtsherman/uqnZE/
示例 html
<div class="category">A
<div class="artists">Apple<br/>Ace<br/>Ants<br/></div>
</div>
<div class="category">B
<div class="artists">Bee<br/>Bop<br/>Book<br/></div>
</div>
<div class="category">C
<div class="artists">Cake<br/>Chimp<br/>Charles<br/></div>
</div>
还有代码:
$(".category").click( function() {
$(".artists").hide();
$(this).children(".artists").show();
});
基本上它所做的是隐藏所有包含艺术家的 div,然后显示您单击的那个 div。真的很简单。
关于javascript - 当另一个打开时,我需要什么代码来折叠一个 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5148075/