Jak wyłączyć i ponownie włączyć tabindex ukrytych/widocznych elementów?

Question

Jak zmienić element tabindex na podstawie tego, czy element jest widoczny (czy w widoku)? Chciałbym wykonać jedną z poniższych czynności: zresetować bieżący numer tabindex po wprowadzeniu nowej sekcji i przypisaniu nowych tabindex do elementów w tej sekcji. Lub być w stanie wyłączyć i ponownie włączyć tabindex niektórych elementów.

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> 

chcę łącza być w kolejności tabulatorów tylko jeżeli ich przekrój jest widoczny.

css:

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

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

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

żywo przykład: http://jsfiddle.net/2UF3n/5/

Answer 1

można dynamicznie dodać lub usunąć disabled="disabled" z dowolnego pola ukrytego, aby jego wartość tabindex ignorowane.

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