Los componentes para inyectar el jquery son:
<link rel="stylesheet" href="${ctx}/css/jquery-ui.css" />
<script src="${ctx}/js/jquery-1.8.2.js"></script>
<script src="${ctx}/js/jquery-ui-1.9.0.custom.js"></script>
Este ultimo he visto su codigo y no lo logro cambiar por default el segundo tab abierto.

El otro codigo es:
Código:
  
 $(function() {
		
		$( "#tabs" ).tabs();
		
		// Hover states on the static widgets
		$( "#dialog-link, #icons li" ).hover(
			function() {
				$( this ).addClass( "ui-state-hover" );
			},
			function() {
				$( this ).removeClass( "ui-state-hover" );
			}
		);
	});
<div id="tabs">
		<ul>
			<li><a href="#tabs-1">Hidrologia</a></li>
			<li><a href="#tabs-2" onclick="javascript:verDetalleHidrologia();">Detalle</a></li>
		</ul>		
		
	<br />	
	<div id="tabs-1">
          ...........
        </div>
</div>
 

