javascript 淡入/淡出仅适用于 div 但不适用于其子元素

Question

我制作了一个 js 脚本来隐藏/显示页面上的元素，但它只显示带有 id 的 div，不会显示该 div 内的其他 div。

我的CSS:

.content {
    position: relative;
}
.content div {
     display: none;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
}

我的代码:

$(".link").click(function(e) {
    e.preventDefault();
    $('.content div').fadeOut('slow');
    $('#' + $(this).data('rel')).fadeIn('slow');
});

Answer 1

你必须只隐藏盒子 div:

$(".link").click(function(e) {
    e.preventDefault();
    $('.content div.box').fadeOut('slow');
    $('#' + $(this).data('rel')).fadeIn('slow');
});

正如其他人所说，您必须将 css 用作:

.content > div {}