我有#div1
和#div2
。#div
默认情况下可见,而#div2
隐藏。单击链接时,我想隐藏#div1
并显示#div2
,再次单击链接时,我想再次隐藏#div2
并显示#div1
。
使用下面的 jQuery,我可以隐藏第一个 div 和 display ,但是当再次单击同一链接时#div2
,我不知道如何显示。#div1
另外如何根据可见的div切换链接标题(即切换到div1或div2)
HTML:
<a class="switch" href="#">Switch to Div 2</a>
<div id="div1">Div1</div>
<div id="div2">Div2</div>
jQuery:
$(".switch").click(function() {
$('#div1').hide();
$('#div2').show();
});
CSS:
#div2 {
display: none;
}
演示:http: //jsfiddle.net/De4x2/