[SOLUCIONADO] mantener tab activo al recargar pagina.

[keine_lust]

buenos días.
tengo el siguiente problema.

en mi pagina tengo varios tabs.

Código HTML:

<ul>
      <li><a href="#tablaFutbol">Fútbol</a></li>
      <li><a href="#tablaNatacion">Natación</a></li>
      <li><a href="#tablaCiclismo">Ciclismo</a></li>                  
</ul> 

dentro de la tabla natación tengo un botón tipo submit que me actualiza la pagina.

el problema es que yo al darle en el botón me recarga, pero me devuelve al primer tab que la de futbol.

mi duda es la siguiente. ¿Como hago que cuando yo le de al boton y me recargue la pagina se me quede en el tab que tengo seleccionado que es la de natacion?

porque yo se que hay una forma de que me deje activa el tab que yo elija con la opción activo que es esta:

Código HTML:

<script>
            
  $(function() {

       $("#tablasDeportes").tabs({
           active: 2
       });
            
  }); //Fin $(function() 

</script> 

pero el problema es que siempre me va dejar activa ese tab por defecto, y yo solo quiero que al darle en el botón me la recargue en ese mismo tab, no que siempre me la deje activa le de o no le de en el botón. ¿como decirle a esa función que si le doy en el botón recargar me recargue en ese mismo tab?.

por favor ayúdenme con esto. se los agradecería mucho.
porque e visto en la documentación de jquery ui pero no veo mi solcuion.

[hackjose]

Podrias enviar una peticion ajax en lugar de usar submit

Tambien podrias en el lado del servidor dar una ruta con un #id

formulario -> proceso php, ir a direccion/#elementoid
Y ya con javascript agarras el id y haces lo necesario

El id lo puedes obtener con Location.hash

saludos

[keine_lust]

muchas gracias por su ayuda.
me sirvió de mucho.
Marco tema como solucionado.