Cómo deshabilitar y volver a habilitar tabindex de elementos ocultos/visibles?

Question

¿Cómo puedo cambiar el tabindex de un elemento en función de si el elemento está visible o no (en el área visible)? Me gustaría hacer una de estas cosas: restablecer el actual tabindex al ingresar una nueva sección y asignar nuevos tabindex a los elementos en esa sección. O puede deshabilitar y volver a habilitar tabindex de ciertos elementos.

html:

<div id="nav"> 
     <a id="firstLink" href="#section1" tabindex="1">Go to section 1</a> 
     <a id="secondLink" href="#section2" tabindex="2">Go to section 2</a> 
    </div> 
    <div id="container"> 
     <div id="section1"> 
      <a href="#" tabindex="3">Specific to section 1</a> 
     </div> 
     <div id="section2"> 
      <a href="#" tabindex="3">Specific to section 2</a> 
     </div> 
    </div> 

Quiero que los enlaces a estar en el orden de tabulación sólo si su sección es visible.

css:

#container{ 
     overflow: hidden; 
     width: 400px; 
     height: 400px; 
    } 

    #section1{ 
     background: red; 
     width: 400px; 
     height: 400px; 
    } 

    #section2{ 
     background: green; 
     width: 400px; 
     height: 400px; 
    } 

ejemplo vivo: http://jsfiddle.net/2UF3n/5/

Answer 1

Usted puede agregar o quitar disabled="disabled" de cualquier campo oculto para hacer caso omiso de su valor tabindex dinámicamente.

$("a:hidden").attr("disabled","disabled");