jquery - Toggle 不保持显示的 Div

Question

我在单击时保持显示 div 的问题。这是我正在使用的代码的 jsfiddle：http: //jsfiddle.net/UhYEB/

屏幕在单击时不断抖动，然后又回到隐藏 div 的状态。

这是我正在使用的脚本

$(function(){
    $(document).ready(function () {
        $(".flyopen-nav").hide();
        $("#toggle-flyout").click(function(){
            $(".flyopen-nav").toggle();
        });
    });
});

Answer 1

您需要使用event.preventDefault，还需要在 jsfiddle 演示中包含 jQuery 库。

现场演示

$(function () {
    $(document).ready(function () {
        $(".flyopen-nav").hide();
        $("#toggle-flyout").click(function (event) {
            $(".flyopen-nav").toggle();
            event.preventDefault();
        });
    });
});

要包含 jQuery 库，您必须从左侧 js 框架面板中选择 jQuery 的版本，如下图所示。