javascript - Javascript-使用CSS不透明度信息

我很困惑要一个应该相当简单的简单切换来工作。我希望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>

最佳答案

您可以只使用jQuery fadeToggle函数。

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

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