我想使用 jQuery 在单击按钮时在 0.3 和 1.0 之间切换元素的不透明度。
我遇到的问题是以 0.3 的不透明度开始元素,然后在第一次单击时,以 1.0 的不透明度使其完全可见。我尝试过的代码如下:
$(document).ready(function(){
//Start faded to 0.3
$(".fadingElement").fadeTo(0, 0.3);
//When the trigger is clicked first, fade the relevant item back up to 1.0
$("div.trigger").toggle(
function(){
$(this).parent().next().fadeTo('fast', 1.0);
},
function () {
$(this).parent().next().fadeTo('fast', 0.3);
}
);
});
单击“div.trigger”时,它不会淡出,再次单击时,它会进一步淡出0.3!当第三次点击时,它会淡出到它的起始 0.3。
如何从 0.3 开始元素,并在第一次单击时将其恢复为完全可见 (1.0)?这里发生了什么?