Hola a todos tengo un tab con dos pestañas implementado con jquery , necesito que al cargar me aparesca por default el segundo tab abierto, es por un tema pedido.
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>