javascript - 切换div的不透明度

我正在尝试编写代码来切换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

最佳答案

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

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