Jquery carousel/toggle, Need to save the state. WordPress

John Cotton answers:

Clearly you could store the state with your user data so that it persisted for ever, but won't it be sufficient (and much easier) to save it as a cookie?

If so, add [[LINK href="http://plugins.jquery.com/project/Cookie"]]jquery Cookie[[/LINK]] to your site and then something along the following lines in your code:

// Save
$.cookie('bonusBarState', 'Visible', { expires: new Date(2036, 11, 31) });


//Retrieve
var l_bonusBarState = $.cookie('bonusBarState');

Obviously those lines need to go in the existing JS. If you need me to show you where, just ask.

Regards

John


I'm not quite sure I follow your JS code: you seem to slide it down first regardless - is that right?

My guess is that you want something like this:



<script>
var bonusBarState = $.cookie('bonusBarState') == null ? false : $.cookie('bonusBarState');

function initCarousel(carousel){

$("#bonuses-container .bonuses-btn a").click(function(){

if(bonusBarState) {
carousel.startAuto();
} else {
carousel.stopAuto();
}


bonusBarState = !(bonusBarState );

$.cookie('bonusBarState', bonusBarState, { expires: new Date(2036, 11, 31) });

$("#bonuses-container #bonuses").slideToggle("slow");

return false;
});
}


$(document).ready(function(){

// Could change this if some default CSS is set instead

if(bonusBarState) {
$("#bonuses-container #bonuses").show();
} else {
$("#bonuses-container #bonuses").hide();
}

$("#bonuses-container #bonuses .carousel").jcarousel({

auto:5,
scroll:1,
animation:500,
wrap:"circular",
initCallback:initCarousel
});
});
</script>



You may want to decide what you start state is and then use CSS to set that, but see comment in the code.


CHANGE THIS LINE TO

var bonusBarState = $.cookie('bonusBarState') == null ? true : $.cookie('bonusBarState');

<strong>Have you got a server I can see?</strong>

<em>Also, have you included the jquery cookie.js file?</em>

---

---

---

---