我有以下代码,但它似乎并没有达到它的意思。切换功能可以正常工作,只是 cookie 情况不行。当页面重新加载时,即使我在关闭框后刷新它,刷新框也不会重新关闭,而是保持打开状态。
<script type="text/javascript">
// this tells jquery to run the function below once the DOM is ready
$(document).ready(function() {
$("#forumposts-icon").toggle(function(){
if($.cookie('forumpoststoggle') == "toggle"){
$("#forumposts-toggle").slideUp('slow');
this.src = "<?php bloginfo('template_url')?>/images/header_toggle_down.png";
$("#forumposts-toggle").parent('.widget-content-wrapper').animate({
'padding-top' : 0,
'padding-right' : 20,
'padding-bottom' : 0,
'padding-left' : 20,
}, "slow");
}
$("#forumposts-toggle").slideUp('slow');
this.src = "<?php bloginfo('template_url')?>/images/header_toggle_down.png";
$("#forumposts-toggle").parent('.widget-content-wrapper').animate({
'padding-top' : 0,
'padding-right' : 20,
'padding-bottom' : 0,
'padding-left' : 20,
}, "slow");
$.cookie('forumpoststoggle','toggle');
} ,
function() {
$("#forumposts-toggle").slideDown('slow');
this.src = "<?php bloginfo('template_url')?>/images/header_toggle_up.png";
$("#forumposts-toggle").parent('.widget-content-wrapper').animate({
'padding-top' : 20,
'padding-right' : 20,
'padding-bottom' : 20,
'padding-left' : 20,
}, "slow");
$.cookie('forumpoststoggle','NULL');
});
});
</script>