单击调用jQuery.toggle（）

我正试图使用jQuery在上隐藏livestream小部件

我已将包含div的默认可见性设置为隐藏，如下所示：

#library {
    visibility: hidden
}

<a href="#" id="showhide">Show/Hide Reruns</a></span>

设置按钮以切换状态，如下所示：

#library {
    visibility: hidden
}

<a href="#" id="showhide">Show/Hide Reruns</a></span>

但是我遇到了问题。库小部件在页面加载时仍然可见，它的CSS在元素检查器中也不会改变

如果有帮助的话，我在这里安装了一把小提琴：

试试这个：

#library {
    display: none;
}

---

我把你的开关改成了这个

    $('#showhide').click(function (e) {
        $('#library').toggleClass("library");
     })

我将“可见性”属性更改为

   display: none;

我还将css从#library更改为.library以切换类

但我认为最重要的是，在做了这些事情之后，我所做的是将你的.click处理程序放在document.ready中，只需在它前面取出}）。里面还有一个。它工作得很好

---

问题是您的

切换（）中有以下内容：

删除它并在CSS中使用
display:none

样品。
你不能做一把更简单的小提琴吗？我的意思是没有flash，只有必要的元素，所以使用$.hide（）而不是css，它可以减少头痛我不知道这是你的问题，但是你的小提琴在最后有一个额外的
}
，点击处理程序在匿名函数之外。这似乎解决了我的第一个问题，但我不确定.toggle（）是否具有显示功能的作品：无；