javascript - 切换 div 的不透明度

Question

我正在尝试编写一个代码来切换 div 的不透明度，但我遇到了麻烦。如果我单击此按钮，我希望它将 #infodiv 的不透明度设置为 1.0，现在它设置为 0.0，就像这样。

#infodiv{
    width: 250px;
    height: 0px;
    margin-top: 10%;
    opacity: 0.0;
}

这是我要调用的函数。

function toggles(){
    infodiv.css('opacity', '1.0');
}

这可能是它需要一些调整的功能，也许吧？感谢任何愿意帮忙看看的人。这是一个 fiddle

Answer 1

您必须使用 jQuery 设置元素的样式:

function toggles() {
  $('#infodiv').css('opacity', '1.0');
}