Tab menu içinde başka bir tab menü kullanmak?

<div id="Tabs1"> 
    <ul> 
      <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=106445939&url=#tabs-1" data-href="#tabs-1">Tab 1</a></li> 
      <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=106445939&url=#tabs-2" data-href="#tabs-2">Tab 2</a></li> 
    </ul> 
    <div id="tabs-1">   <p>Content 1</p>  </div> 
    <div id="tabs-2">   <p>Content 2</p>  </div> 
    </div> 
  </div> 
  <script type="text/javascript"> 
  $(function() { 
  	$( "#Tabs1" ).tabs();  
  }); 
  </script>