在我问的一个类似问题上发挥了很好的回答。jquery在div之间切换并随后隐藏活动div
三个div,全部隐藏。 jquery通过不同的链接在它们之间切换。这很好用!现在,我想要粘贴对应于活动div的链接并将其隐藏起来,实际上与隐藏所有页面时页面加载时一样。现在它淡出并返回。
帮助!谢谢!
HTML:
<div id="nav">
<a class="home" id="show_about" title="About">ABOUT</a><br />
<a class="home" id="show_subscribe" title="Subscribe">SUBSCRIBE</a><br />
<a class="home" id="show_contact" title="Contact">CONTACT</a>
</div>
<div id="content">
<div class="current" id="about">
<p>ABOUT's content</p>
</div>
<div id="subscribe">
<p>SUBSCRIBE's content</p>
</div>
<div id="contact">
<p>CONTACT's content</p>
</div>
</div>
的Javascript:
$(function(){
$('#about').css('display', 'none');
$('#subscribe').css('display', 'none');
$('#contact').css('display', 'none');
});
$('.home').click(function(){
var id = $(this).html().toLowerCase();
$('.current').fadeOut(600, function(){
$('#'+id).fadeIn(600);
$('.current').removeClass('current');
$('#'+id).addClass('current');
});
});
@Mark 我想我应该添加一个小浮动X按钮来关闭窗口。最好把这个功能加入到这个功能中,或者另一个呢? #close是ID – technopeasant 2011-02-27 19:59:07
所以你想添加一个关闭链接的内容div?我会把它变成一个不同的功能。由于现在主页点击正在处理您的菜单/内容显示。如果你在一个关闭函数中工作,它可能会导致一个可能做得很好的方法。 – 2011-02-27 20:14:26
@好极了,谢谢你的指导。如果我理解你的功能正确..它将移动class =“current”到显示的div。我可以做一个简单的点击功能,淡出class =“current”div吗? – technopeasant 2011-02-27 20:26:57