这是我的测试页，我希望在页面加载时所有内容都隐藏。当我点击“关于”时，文本会使用fadeToggle（）淡入。但是当我单击“我的作品”时，另一文本消失了，但是在前一个文本的下面。我想让它比上一个褪色。你能帮我吗？
我的代码：
<script>
$(document).ready(function(){
$(".thumbnail").hide();
$(".work").click(function(){
$(".thumbnail").fadeToggle('slow');
});
});
$(document).ready(function(){
$(".person").hide();
$(".about").click(function(){
$(".person").fadeToggle('slow');
});
});
</script>尝试这个。
$(document).ready(function(){
$(".thumbnail").hide();
$(".person").hide();
$(".work").click(function(){
$(".person").hide();
$(".thumbnail").fadeToggle('slow');
});
$(".about").click(function(){
$(".thumbnail").hide();
$(".person").fadeToggle('slow');
});
});
根据Matthew的评论Demo在这里更新
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句