Sounds like you may want to look into using a tabs plugin, if you don't want to implement this all yourself. For example: http://jqueryui.com/demos/tabs/
<http://jqueryui.com/demos/tabs/>- Richard On Fri, Oct 16, 2009 at 12:58 PM, lukas <animod...@gmail.com> wrote: > > 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! >
