Cant get tabs to recognize href in popup

Cant get tabs to recognize href in popup

Hello,

I am using a jquery ui tabs in a window.open popup. But I cant get it to recognize the href in my ul/li/a. Thusly the tabs are not clickable.

Does anyone see anything.

Tabs layout 

  1. <div id="tabs" style="display:none">                                   
  2.  <ul>                                                                  
  3.   <li><a href="#tabs-1" class="program" id="ENOR06R">Nanda</a></li>    
  4.   <li><a href="#tabs-2" class="program" id="ENOR07R">Addt'l Details</a 
  5.   <li><a href="#tabs-3" class="program" id="ENOR08R">Accounting</a></l 
  6.  </ul>                                                                 
  7.  <div id="tabs-1">                                                     
  8.     &nbsp;                                                             
  9.  </div>                                                                
  10.  <div id="tabs-2">                                                     
  11.     &nbsp;                                                             
  12.  </div>                                                                
  13.  <div id="tabs-3">                                                     
  14.     &nbsp;                                                             
  15.  </div>                                                                
  16. </div>                                                                 
This is the chrome renderation
  1. <div id="tabs" style="position: absolute; top: 10px; left: 10px; width: 100%;" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
  2.   <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
  3.    <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tabs-1" aria-labelledby="ENOR06R" aria-selected="true"><a href="#tabs-1" class="program ui-tabs-anchor" id="ENOR06R" role="presentation" tabindex="-1">Nanda</a></li>
  4.    <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-2" aria-labelledby="ENOR07R" aria-selected="false"><a href="#tabs-2" class="program ui-tabs-anchor" id="ENOR07R" role="presentation" tabindex="-1">Addt'l Details</a></li>
  5.    <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-3" aria-labelledby="ENOR08R" aria-selected="false"><a href="#tabs-3" class="program ui-tabs-anchor" id="ENOR08R" role="presentation" tabindex="-1">Accounting</a></li>
  6.   </ul>
  7.   <div id="tabs-1" aria-labelledby="ENOR06R" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-expanded="true" aria-hidden="false">
  8.      &nbsp;
  9.   </div>
  10.   <div id="tabs-2" aria-labelledby="ENOR07R" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-expanded="false" aria-hidden="true" style="display: none;">
  11.      &nbsp;
  12.   </div>
  13.   <div id="tabs-3" aria-labelledby="ENOR08R" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-expanded="false" aria-hidden="true" style="display: none;">
  14.      &nbsp;
  15.   </div>
  16.  </div>