debugging - KendoUI Tabstrip aria-controls -

i know if can control attribute aria-controls of tabstrip using kendoui.

indeed, want change manualy select different div , don't know why it's not working :

<ul class="k-tabstrip-items k-reset"> <li class="k-state-active k-item k-tab-on-top k-state-default k-first" role="tab" aria-selected="true" aria-controls="tabstrip-1"> <a class="k-link">baseball</a> </li> <li class="k-item k-state-default" role="tab" aria-controls="tabstrip-2"> <a class="k-link">golf</a> </li> </ul> 

to controls divs :

<div class="k-content k-state-active" id="tabstrip-1" role="tabpanel" aria-expanded="true" style="display: block;">      <p>text1</p> </div> <div class="k-content" id="tabstrip-2" role="tabpanel" aria-hidden="true" aria-expanded="false">      <p>text 2</p> </div> 

i thought changing aria-controls of first tab (tabstrip-1 tabstrip-2), change selection of div.

does knows why it's not possible? can do this?

use accesskey attribute , keypress method:

<a id="foo" href="some url" accesskey="1">my link</a> <script> function keyhandler(e)    {   if (e.altkey && e.keycode == 87)       {      $("#tabstrip").focus();      }   }  $(document.body).keypress(keyhandler); </script> 

references

• tabstrip / keyboard navigation
• pseudo keypress in javascript