How to Set Active Tab in jQuery Ui

Question

Can you please let me know how I can set the active tab in jquery ui with a button click out of the tabs   I have a button like     lt input id  action  type  submit  value  Go to Action  gt    and here is the code    lt script gt    function           tabs    tabs          action    on  click   function                lt div id  tabs  gt       lt ul gt           lt li gt  lt a href   tabs-1  gt Description lt  a gt  lt  li gt           lt li gt  lt a href   tabs-2  gt Action lt  a gt  lt  li gt           lt li gt  lt a href   tabs-3  gt Resources lt  a gt  lt  li gt           lt li gt  lt a href   tabs-4  gt Settings lt  a gt  lt  li gt       lt  ul gt    lt div id  tabs-1  gt       lt p gt Description content lt  p gt   lt  div gt    lt div id  tabs-2  gt       lt p gt Action content lt  p gt   lt  div gt    lt div id  tabs-3  gt       lt p gt Resources content lt  p gt   lt  div gt    lt div id  tabs-4  gt       lt p gt Settings  lt  p gt   lt  div gt    lt  div gt

User · Answer

Simple jQuery solution - find the  lt a gt  element where href  x  and click it      a href   tabs-2     click

User · Answer

HTML  First you have o save the post tab index   lt input type  hidden  name  hddIndiceTab  id  hddIndiceTab  value   lt  php echo filter input INPUT POST   hddIndiceTab     gt    gt    JS       tabs    tabs       active      hddIndiceTab   val       activate the last tab selected     activate  function  event  ui                 hddIndiceTab   val      tabs    tabs   option    active         save the tab index in the input hidden element

User · Answer

If you want to set the active tab by ID instead of index  you can also use the following        tabs   tabs   active      tabs ul   index     tab-101

User · Answer

Just to clarify in complete detail  This is what works with the current version of jQuery Ui       tabs    tabs   option    active          where   is the index of the tab you want to make active

User · Answer

I know this is an old question  But I think the way to change the selected tab have changed slight  The way to change the active tab now is by giving active the index of the tab  Note the index starts at 0 not 1  To make the second tab active you will use the the index 1     this will select your first tab      tabs    tabs   active  0

User · Answer

just trigger a click  it s work for me       tabX   trigger  click

User · Answer

Inside your function for the click action use        tabs    tabs   active          Where   is replaced by the tab index you want to select

User · Answer

Inside  your function for the click action use        tabs    tabs   active          Where   is replaced by the tab index you want to select    Edit  change from selected to active  selected is deprecated

User · Answer

You can use this     document  ready function             tabs   tabs            action   click function             var selected       tabs   tabs  option    selected                tabs   tabs  option    selected   selected   1                 Also consider changing the input type as button instead of submit unless you want to submit the page

[jquery] How to Set Active Tab in jQuery Ui

Examples related to jquery

Examples related to jquery-ui