Question

我正在尝试使用jQuery隐藏this page上的直播小部件。

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

#library {
    visibility: hidden
}

设置一个按钮以切换状态：

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

并试图实现这样的功能：

$('#showhide').click(function(e){
$('#library').toggle();
    return false;
    })
});

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

如果它有帮助，我在这里设置了一个小提琴：http://jsfiddle.net/GecwN/

Answer 1

我将您的切换更改为此

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

我将visibility属性更改为

   display: none;

我也将你的CSS从#library更改为.library以切换课程

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

Answer 2

试试这个：

#library {
    display: none;
}

Answer 3

问题是你在toggle()：

中有这个问题

return false;

将其删除并在CSS中使用display: none TGH recommended。