0

次のコードがありますが、意図したとおりに動作していないようです。トグル機能は正常に機能しますが、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>
4

1 に答える 1

0

どうでも。動作しました。

問題は、ボタンのトグルの内側を閉じていたことだと思います! 愚かな私！

興味のある人のための作業コード:

<script type="text/javascript">
// this tells jquery to run the function below once the DOM is ready
$(document).ready(function() {

$("#forumposts-icon").toggle(function(){

  $("#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','closed');
} , 

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','open');
});

var forumposts = $.cookie('forumpoststoggle');
 if (forumposts == 'closed') {

$("#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");

 }

});
</script>
于 2012-08-19T22:22:08.250 に答える