Javascript- 使用 CSS 不透明度信息

Question

我对让一个应该相当简单的简单切换工作感到困惑。我希望 div 在不透明度为 100 时淡出，在不透明度为 0 时淡入。http://jsfiddle.net/mGdcm/8/

Javascript-

$('#toggleButton').click(function() {
if ($('#toggleSection').css("opacity") === 0) {
    $('#toggleSection').fadeIn("slow");
}
else {
    $('#toggleSection').fadeOut("slow");
}
return false;
});

HTML-

<a href="#" id="toggleButton">toggle</a>
    <div id="toggleSection" style="opacity:0;"> <p>Why isn't this working?</p></div>

Answer 1

您可以只使用 jQuery fadeToggle功能。

$('#toggleButton').click(function() {
    $("#toggleSection").fadeToggle("slow");
});

http://jsfiddle.net/mGdcm/16/