JavaScript Forum

**somnamblst** · 06:18 PM

I have a nonuser initiated show hide using jquery that also swaps images between blank, close & replay depending on the state of a div called slidebar. I have a cookie that caps this slide at once per 24 hrs. However my cookie is now preventing user initiated clicks on slidebarTrigger from showing and hiding the slidebar div. With my limited javascript logic I thought I could just duplicate the sbTrigger div that controls user initiated clicks as sbTrigger2 but have been unable to just paste my duplicate function after my cookie without generating syntax errors.

Working example with absolutely pathed everything
http://www.cincinnati.com/test/testNew.html

So looking at my function preCookied
http://www.cincinnati.com/test/testOld.html

I came up with the following, which may be close but close is only in horeshoes and hand grenades. Am I on the right track or is there a better way to aopproach this.

Code:

$(document).ready(function()
{
 var slideTimeout, sbTrigger = $('#slidebartrigger'), sbFirstSlide = (document.cookie.indexOf('slidedToday') == -1);
 
 function toggleSlideboxes()
 {
  if(slideTimeout) clearTimeout(slideTimeout);
 
  var isDown = sbTrigger.is('.closeSlide');
 
  if(sbFirstSlide)
  {
   $('#slidebar')['slide' + (isDown ? 'Up' : 'Down')]((isDown ? 3000 : 1000), function()
   {
    sbTrigger.removeClass('firstSlide');
 
    if(!document.cookie.match("slidedToday"))
    {
     var oneDay = new Date();
     oneDay.setDate(oneDay.getDate()+1); 
     document.cookie="slidedToday=true;path=/;expires="+oneDay.toGMTString();
    }
    else
     sbFirstSlide = false;
   });
 
   sbTrigger[(isDown ? 'remove' : 'add') + 'Class']('closeSlide').one('click', toggleSlideboxes);
 
   if(!isDown) slideTimeout = setTimeout(toggleSlideboxes, 3000);
  }
 }
 var slideTimeout // timer
   , sbTrigger2 = $('#slidebartrigger2') // convenience
   , sbFirstSlide = false // indicates first time through
   ;
 
 function toggleSlideboxes(){
   if(slideTimeout) clearTimeout(slideTimeout);
   var isDown = sbTrigger2.is('.closeSlide');
 
   $('#slidebar')['slide' + (isDown ? 'Up' : 'Down')]((isDown ? 3000 :
1000), function(){
       if(sbFirstSlide){ sbTrigger2.removeClass('firstSlide'); sbFirstSlide
= false; }
       sbTrigger2[(isDown ? 'remove' : 'add') +
'Class']('closeSlide').one('click', toggleSlideboxes);
       if(!isDown) slideTimeout = setTimeout(toggleSlideboxes, 4000);
     });
 }
 toggleSlideboxes();
});