jquery - 单击时调用 jQuery .toggle()

Question

我正在尝试使用 jQuery 在此页面上隐藏直播小部件。

我已将包含 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/

score 1 · Accepted Answer

我把你的切换改成了这个

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

我将可见性属性更改为

   display: none;

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

但是我认为在完成这些事情之后最重要的是，我所做的就是将您的 .click 处理程序放入 document.ready 中，只需在它之前取出 }) 即可。里面多了一个。它工作完美

score 0 · Accepted Answer

0

试试这个：

#library {
    display: none;
}

于 2013-07-16T03:07:39.680 回答

score 0 · Accepted Answer

问题是你有这个toggle()：

return false;

删除它并按照TGH 推荐display: none的方式在您的 CSS 中使用。

3 回答 3