Как вести вкладку между divs?

Question

Как войти между divs? Я пытаюсь сделать вкладку между div, чтобы использовать в качестве опции выбора панелей. Когда вы накладываете вкладку на отдельной панели div, ее граница должна стать активной. Его не работает и только вкладка на уровне браузера. Вот что я пытался до сих пор ..

<script type="text/javascript"> 
     $(document).ready(function() 
     { 
      $("div").keydown(function(e) 
      { 
       if (e.which == 9) 
      { 
         $(this).css("border","4px solid gray"); 
      } 
      }); 
     }); 
    </script> 

    <div id="north"></div> 
<div id="west"></div> 
<div id="center"></div> 

Answer 1

Я полагаю, вы могли бы сделать что-то вроде этого:

$(document).ready(function() { 

    // ids of divs you want to cycle through 
    var divs = ["north", "west", "center"]; 
    var startIndex = 0; 


    $(document).keydown(function(e) { 
     if (e.which == 9) { 

      // remove previously applied border 
      $("div").css("border", ""); 
      $("#" + divs[startIndex]).css("border", "4px solid gray"); 
      startIndex++; 

      // reset to first one 
      if(startIndex === divs.length) { 
       startIndex = 0;     
      } 
     } 

     // prevent "tabbing out" of the document view 
     return false; 
    }); 
});​ 

Demo. (не забудьте нажать на оказанной области страницы заранее)