Hi-

I am using this code that essentially has a fullscreen div, when you click the button, another fullscreen div slides in.

1.  $(document).ready(function() {
   
         $("a#controlbtn").click(function(e) {
         
           e.preventDefault();
           
           var slidepx=$("div#linkblock").width();
               
           if ( !$("div#maincontent").is(':animated') ) {
       
               if (parseInt($("div#maincontent").css('left'), 10) < slidepx) {
   
                    $(this).removeClass('close').html('Hide your stuffs');
   
                     lleft = "+=" + slidepx;
   
               } else {
   
                    $(this).addClass('close').html('Show your stuffs');
   
                     lleft = "-=" + slidepx;
                 
   
               }
           
               $("div#maincontent").animate({
                   left: lleft
                 }, {
                       duration: 'slow',
                       easing: 'easeOutQuint'
                   });
           
           
           }
   
   
         });
   
       });
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

My question is:

Since the width of the div is determined on the page load of div#linkblock, is there a way when the window is re-sized to grab the new value?