title: JQuery UI Tabs caching
body: <p>I am working in an ASP .net MVC Application. I have a JQuery UI tab whose Javascript to enable caching is as follows. </p>
  
  <pre><code>function LoadStudentDetailTabs() {
      $('#tabStudentDetail').tabs({
          cache: true,
          spinner: '',
          select: function(event, ui) {
  
              $("#gridSpinnerStudentDetailTabs h5").text("Loading Details...");
              $('#tabStudentDetail &gt; .ui-tabs-panel').hide();
              $("#gridSpinnerStudentDetailTabs").show();
          },
          load: function(event, ui) {
              $("#gridSpinnerStudentDetailTabs").hide();
              $('#tabStudentDetail &gt; .ui-tabs-panel').show();
          },
          show: function(event, ui) {
              $("#gridSpinnerStudentDetailTabs").hide();
              $('#tabStudentDetail &gt; .ui-tabs-panel').show();
          }
      });
  }
  </code></pre>
  
  <p>I constructed three tab items using a list say tab1, tab2, tab3.</p>
  
  <p>Now what happens is when the tab is contructed it enables cahing for all the tab items. But how can I individually set caching to these tab items as needed. Say (tab1 cache, tab2 no cache, tab3 cache) I can only see a way to apply caching to the entire tab rather than applying caching to individual tab items as needed.</p>
  
  <p>There is also a need for me to enable or disable caching to these tab items (tab1, tab2, tab3) dynamically. How can I achieve this. any help would be appreciated?</p>