切换不保持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库。

<强> LIve Demo

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

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