javascript - 将转换添加到隐藏/显示 javascript dom

Question

我有这个功能(还有 3 个类似的功能)

function property (){
 document.getElementById("property").style.display = "block";
 document.getElementById("hotel").style.display = "none";
 document.getElementById("other").style.display = "none";
 document.getElementById("main").style.display = "none";
 }

如何为 div 的变化添加过渡。该函数在链接上调用。

现在它只显示被点击的 div，并隐藏其他的。但我希望旧的 div 淡出而新的淡入..

谢谢

Answer 1

一种流行的方法是使用 jQuery:

$('#property').fadeIn();

就是这样。本页http://api.jquery.com/fadeIn/有一些演示。