Thank you! But how do you memorize the state of the tabs? When you click a tab it will work until the refresh of the page is finished and the original mark-up is effective again.
On Oct 16, 11:15 am, "Richard D. Worth" <rdwo...@gmail.com> wrote: > I imagine you wouldn't need any more code than Bi Jing has given you to > handle even 100 tabs, since it uses classes, not IDs. > - Richard > > On Fri, Oct 16, 2009 at 10:53 AM, lukas <animod...@gmail.com> wrote: > > > Thank you for your quick response! In the meantime I tried something > > similar, I thought there is a solution which doesn't require that much > > code. (Imagine you have 10 tabs!) > > > On Oct 16, 3:57 am, Bi Jing <beco...@gmail.com> wrote: > > > Firstly, define a new css class , selected_tab , as following: > > > > //Style code > > > .selected_tab{ > > > background-color:#ccc; > > > color:#000; > > > > } > > > > //Script code > > > //$(".tab") indicate all of your tab elements. > > > $(".tab").click(function(){ > > > $(".selected_tab").removeClass("selected_tab"); // clear current > > select > > > tab style > > > $(this).addClass("selected_tab");} > > > > ) > > > > Hope that helps. > > > > Becoder. > > > > On Fri, Oct 16, 2009 at 11:57 AM, lukas <animod...@gmail.com> wrote: > > > > > Can anybody direct me to a lightweight jquery script controlling tabs? > > > > I just want the activated tab to appear differently than the rest of > > > > the tabs. Thank you!