Javascript 单击可淡出Div并显示其他Div

假设我有这样的东西：

身体{ 背景：ffffff； } .桌子{ 显示：表格； 保证金：0px自动； 最大宽度：400px } .行{ 显示：表格行； 宽度：100% } .td1， .td2， .td3{ 显示：表格单元格； 边框：2个AAAAA实心； 填充：15px； 背景：EEEE； 字号：18px； 颜色：000000； 宽度：100%； } .td2， .td3{ 边界顶部：无； 颜色：红色； } 这里是一些随机文本 这是您首先看到的文本 这是另一个div下面的文本

---

您可以使用jQueryUI获得淡入淡出效果，并注册单击.td2上的事件，以便根据需要更新DOM。这里有一种方法：

$.td2.onclick，函数{ $.td2.0衰减； $.td3.fadeIn； }; 身体{ 背景：ffffff； } .桌子{ 显示：表格； 保证金：0px自动； 最大宽度：400px } .行{ 显示：表格行； 宽度：100% } .td1、.td2、.td3{ 显示：表格单元格； 边框：2个AAAAA实心； 填充：15px； 背景：EEEE； 字号：18px； 颜色：000000； 宽度：100%； } .td2、.td3{ 边界顶部：无； 颜色：红色； } 这里是一些随机文本 这是您首先看到的文本 这是另一个div下面的文本 $'.td2'。单击，函数{ $this.fadeout 200.promise .donefunction{ $'.td3'.fadeIn200； }; }; .桌子{ 显示：表格； 保证金：0px自动； 最大宽度：400px } .行{ 显示：表格行； 宽度：100% } .隐藏{ 显示：无； } 这里是一些随机文本 这是您首先看到的文本 这是另一个div下面的文本 将此添加到css中：

.td3{
    display: none;
}

并编写以下javascript：

$('.td2').on( "click", function(){
   $('.td2').fadeOut();
   $('.td3').fadeIn();
});

---

你做了什么？请分享您的代码请向我们展示一些您尝试过但没有成功的东西？那是行不通的。您不能选择td2作为td2。