1

这应该是网站的“团队”部分。每个圆圈代表团队的一个成员。当您单击蓝色圆圈以淡入黑色 div 时，该代码将起作用。然后您可以单击黑色 div 内的红色框以淡入所有 3 个圆圈。

但是，当您单击红色圆圈时，下一个 div 不会淡入。只有圆圈会淡出。我无法弄清楚为什么会这样。

我也被困在允许红色框（在黑色 div 内）淡出任何新 div 淡入的部分。它基本上用作新 div 淡入的关闭按钮。

我希望这是有道理的。

http://jsfiddle.net/3rdculturekid/Zr3Nr/20/

$("文档").ready(function () {

//fade in black div
$('#one').click(function () {
    $('#circles').fadeOut('slow', function () {
        $('#black').fadeIn('slow');
    });
});

//fade out black div
$('#x').click(function () {
    $('#black').fadeOut('slow', function () {
        $('#circles').fadeIn('slow');
    });
});

//fade in green div
$('#two').click(function () {
    $('#circles').fadeOut('slow', function () {
        $('#green').fadeIn('slow');
    });
});

});

4

1 回答 1

0

您没有div正确关闭您的标签之一

<div id="black">
    <div id="x"></div>
</div>                <-------- this one
<div id="green">
    <div id="x"></div>
</div>

演示--> http://jsfiddle.net/Zr3Nr/21/

此外，您使用x的重复 ID 会造成问题，您可以使用类代替

<div id="black">
    <div class="x"></div>
</div>
<div id="green">
    <div class="x"></div>
</div>

演示x类---> http://jsfiddle.net/Zr3Nr/22/

于 2013-06-16T16:11:48.117 回答