title: How to hide or show the widget by setting time
body: <p><a href="http://www.urstrulyvijay.blogspot.com" rel="nofollow noreferrer">This</a> is my blog and i have implemented 2 widgets which i have included in the below code snippet. My aim is to achieve like the below image. i mean just like blink but not exactly blink but show/hide particular widget for some days like 2 days or for 1 week. I mean the 2 widgets should be replaced by time .</p>
  
  <p><a href="https://i.stack.imgur.com/IZrNQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IZrNQ.png" alt="image"></a></p>
  
  <p>I mean if 1st widget is shown for some time and 2nd widget should be hided and if the 2nd widget is shown the first widget should be hide i mean is there any way to set time for hiding or showing the widget.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="//cdn.rawgit.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.css" /&gt;
  
      &lt;script src="//code.jquery.com/jquery-1.12.4.min.js"&gt;&lt;/script&gt;
     
   &lt;script src="//cdn.rawgit.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.js"&gt;&lt;/script&gt;
  
  
              &lt;div id="multi-search"&gt;
                &lt;select id="cmbColumn" name="cmbColumn"&gt;
                  &lt;option value="" /&gt;Columns
                  &lt;option value="apple+" /&gt;apple
                  &lt;option value="grapes+" /&gt;grapes
                &lt;/select&gt;
                &lt;select id="cmbSidebar" name="cmbSidebar"&gt;
                  &lt;option value="" /&gt;Sidebars
                  &lt;option value="mango+" /&gt;mango
                  &lt;option value="berry+" /&gt;berry
  
                &lt;/select&gt;
  
  
  
  
  &lt;script&gt;
  $('#cmbColumn').editableSelect();
  $('#cmbSidebar').editableSelect();
  &lt;/script&gt;
                
                
                &lt;link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="http://harvesthq.github.io/chosen/chosen.jquery.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;div&gt;
    &lt;em&gt;Multiple Select with Groups&lt;/em&gt;&lt;br&gt;
    &lt;select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6"&gt;
      &lt;option value=""&gt;&lt;/option&gt;
      &lt;optgroup label="NFC EAST"&gt;
        &lt;option&gt;Dallas Cowboys&lt;/option&gt;
        &lt;option&gt;New York Giants&lt;/option&gt;
        &lt;option&gt;Philadelphia Eagles&lt;/option&gt;
        &lt;option&gt;Washington Redskins&lt;/option&gt;
      &lt;/optgroup&gt;
      &lt;script&gt;
  $(".chosen-select").chosen();
        
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>