JQuery Tabs

JQuery Tabs

Hi all ,

  I am using JQuery tab ui (jQuery UI 1.7) and it work greats in most circumstances.
  However, I have problem in hide the dynamic tabs from the page.  Any one have any ideas ?
  I have tried to use the disabled or ui-tabs-hide without any success.

  Below code basically check if the new size less than old size. If yes , i need to hide the tabs.
 
  if(parseInt(grpSize)<parseInt(oldGrpSize)){
               $('.ui-corner-top ui-state-default').addClass('ui-tabs-hide');
                return;
  }

 And I have included excerpt of dynamic html tab generated by jquery ui : I want to hide the <li> tags in bold green.

 <div id="groupParticulars" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
  <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
                           
                              <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#groupParticulars_1">1</a></li>
                           
                              <li class="ui-state-default ui-corner-top"><a href="#groupParticulars_2">2</a></li>                                   
                           
                            </ul>
  </div>