jQuery切换函数不使用'；不要在第一次点击时工作

我想创建一个简单的切换函数，用cookie切换div show（）或hide（），以记住div处于哪个状态。到现在为止，一直都还不错。嗯，它有点起作用。当我切换div hide（）时，它会隐藏，但是当我重新加载页面并想要切换div show（）时，我必须单击按钮两次！我在这里读过anwers的文章，但是没有帮助。我也尝试过使用点击功能，但根本不起作用

代码如下：

  jQuery().ready(function () {

        var footeroff = jQuery.cookie('footeroff'); 
        var toggle_footer = jQuery(".toggle_footer_switch");

        if (footeroff == "off") {
        jQuery("div#footer").hide();
        jQuery("div#wkfooter_switch").hide();
        toggle_footer.html("<img src='../images/other/zuklappen.png' border='0'>");
        };

        if (footeroff == "on") {
        jQuery("div#footer").show();
        jQuery("div#wkfooter_switch").show();
        toggle_footer.html("<img src='../images/other/aufklappen.png' border='0'>");
        };

        var footer_switch = jQuery("div#footer");
        var toggle_footer = jQuery(".toggle_footer_switch");
        var toggle_switch_div = jQuery("div#toggle_switch_div");

        jQuery("a.toggle_footer_switch").toggle(
            function () {
                toggle_footer.html("<img src='../images/other/zuklappen.png' border='0'>");
                jQuery("div#footer").fadeOut("slow");
                jQuery("div#wkfooter_switch").hide();
                jQuery.cookie("footeroff" , "off");
            },
            function () {
                toggle_footer.html("<img src='../images/other/aufklappen.png' border='0'>");
                jQuery("div#footer").fadeIn("slow");
                jQuery("div#wkfooter_switch").show();
                jQuery.cookie("footeroff" , "on");
            }   
        );


    });

jQuery（）.ready（函数（）{
var footeroff=jQuery.cookie（'footeroff'）；
var toggle_footer=jQuery（“.toggle_footer_开关”）；
如果（footeroff==“off”）{
jQuery（“div#footer”）.hide（）；
jQuery（“div#wkfooter_开关”）.hide（）；
切换_footer.html（“”）；
};
如果（footeroff==“on”）{
jQuery（“div#footer”）.show（）；
jQuery（“div#wkfooter_开关”）.show（）；
切换_footer.html（“”）；
};
var footer_switch=jQuery（“div#footer”）；
var toggle_footer=jQuery（“.toggle_footer_开关”）；
var toggle_switch_div=jQuery（“div#toggle_switch_div”）；
jQuery（“a.toggle\u footer\u开关”）.toggle(
函数（）{
切换_footer.html（“”）；
jQuery（“div#footer”）.fadeOut（“slow”）；
jQuery（“div#wkfooter_开关”）.hide（）；
cookie（“footeroff”、“off”）；
},
函数（）{
切换_footer.html（“”）；
jQuery（“div#footer”）.fadeIn（“slow”）；
jQuery（“div#wkfooter_开关”）.show（）；
cookie（“footeroff”、“on”）；
}   
);
});

还有一个带有点击功能的代码：

      jQuery().ready(function () {

        var footeroff = jQuery.cookie('footeroff'); 
        var toggle_footer = jQuery(".toggle_footer_switch");

        if (footeroff == "off") {
        jQuery("div#footer").hide();
        jQuery("div#wkfooter_switch").hide();
        toggle_footer.html("<img src='../images/other/zuklappen.png' border='0'>");
        };

        if (footeroff == "on") {
        jQuery("div#footer").show();
        jQuery("div#wkfooter_switch").show();
        toggle_footer.html("<img src='../images/other/aufklappen.png' border='0'>");
        };

        var footer_switch = jQuery("div#footer");
        var toggle_footer = jQuery(".toggle_footer_switch");
        var toggle_switch_div = jQuery("div#toggle_switch_div");


        jQuery("a.toggle_footer_switch").click(function() {

            if (footer_switch.is(":visible")) {
                toggle_footer.html("<img src='../images/other/zuklappen.png' border='0'>");
                jQuery("div#footer").hide();
                jQuery("div#wkfooter_switch").hide();
                jQuery.cookie("footeroff" , "off");
            }
            else if (footer_switch.is(":hidden")) {
                toggle_footer.html("<img src='../images/other/aufklappen.png' border='0'>");
                jQuery("div#footer").show();
                jQuery("div#wkfooter_switch").show();
                jQuery.cookie("footeroff" , "on");
            }

        });


    });

jQuery（）.ready（函数（）{
var footeroff=jQuery.cookie（'footeroff'）；
var toggle_footer=jQuery（“.toggle_footer_开关”）；
如果（footeroff==“off”）{
jQuery（“div#footer”）.hide（）；
jQuery（“div#wkfooter_开关”）.hide（）；
切换_footer.html（“”）；
};
如果（footeroff==“on”）{
jQuery（“div#footer”）.show（）；
jQuery（“div#wkfooter_开关”）.show（）；
切换_footer.html（“”）；
};
var footer_switch=jQuery（“div#footer”）；
var toggle_footer=jQuery（“.toggle_footer_开关”）；
var toggle_switch_div=jQuery（“div#toggle_switch_div”）；
jQuery（“a.toggle\u footer\u开关”）。单击（函数（）{
如果（页脚开关为（“：可见”））{
切换_footer.html（“”）；
jQuery（“div#footer”）.hide（）；
jQuery（“div#wkfooter_开关”）.hide（）；
cookie（“footeroff”、“off”）；
}
else if（页脚开关为（“：隐藏”））{
切换_footer.html（“”）；
jQuery（“div#footer”）.show（）；
jQuery（“div#wkfooter_开关”）.show（）；
cookie（“footeroff”、“on”）；
}
});
});

多谢各位

---

致以最诚挚的问候

以下方法行得通吗

jQuery().ready(function () {

    var footeroff = jQuery.cookie('footeroff'); 
    var toggle_footer = jQuery(".toggle_footer_switch");

    toggle_footer.toggle(
        function () {
            toggle_footer.html("<img src='../images/other/zuklappen.png' border='0'>");
            jQuery("div#footer").fadeOut("slow");
            jQuery("div#wkfooter_switch").hide();
            jQuery.cookie("footeroff" , "off");
        },
        function () {
            toggle_footer.html("<img src='../images/other/aufklappen.png' border='0'>");
            jQuery("div#footer").fadeIn("slow");
            jQuery("div#wkfooter_switch").show();
            jQuery.cookie("footeroff" , "on");
        }   
    );
    // since the page starts off with the div shown, so let's hide it.
    // note that this will do the slow fade - you may want to check for this inside the toggle function and just do an instant hide() instead
    if (footeroff == "off") {
        toggle_footer.toggle();
    };
});

jQuery（）.ready（函数（）{
var footeroff=jQuery.cookie（'footeroff'）；
var toggle_footer=jQuery（“.toggle_footer_开关”）；
toggle\u footer.toggle(
函数（）{
切换_footer.html（“”）；
jQuery（“div#footer”）.fadeOut（“slow”）；
jQuery（“div#wkfooter_开关”）.hide（）；
cookie（“footeroff”、“off”）；
},
函数（）{
切换_footer.html（“”）；
jQuery（“div#footer”）.fadeIn（“slow”）；
jQuery（“div#wkfooter_开关”）.show（）；
cookie（“footeroff”、“on”）；
}   
);
//因为页面以显示的div开头，所以让我们隐藏它。
//请注意，这将执行缓慢淡入-您可能希望在toggle函数中检查这一点，而只需执行即时隐藏（）即可
如果（footeroff==“off”）{
toggle_footer.toggle（）；
};
});

我知道这是一个非常古老的问题，但对于那些正在寻找快速解决方案的人来说，这对我来说很有用：

a。在PHP/HTML文件中：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/.../jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        $("#pClick").click(function(){          
            $("#pText").toggle();
            $("#pText").text("...");
        });
    });
    </script>

---

现在，它甚至可以在第一次单击时工作。这是一个简单、快速的答案，我希望对某些人有用。

欢迎来到StackOverflow。由于使用

单击

的代码与使用

切换

的代码看起来相同，因此最好使用问题中的空格来发布HTML。这将使人们能够快速得到一个演示工作，以帮助解决您的问题。也就是说，除非你想自己在那里设置演示嗨，格雷格尔，现在隐藏了.toogle_页脚：D我不知道为什么……但是任何……不，对不起，仍然需要双击(

#pText {display: none;}