Hi, I am stuck up with this function to make simple Tabs. It works absolutely fine only with the first two tabs. Can someone please observe the code and reply the problem.
Below "d" stands for the header(div) in which the links are, "e" for the targeted content(div), and "f" for the sequence number. <script> function TabTasTic(d,e,f){ $('#'+ d +' a').css({background: '#ffffff'}); $('#'+ e +' div').hide(); $('#'+ e +' div').eq(f).show(); $('#'+ d +' a').eq(f).css({background: '#000000'}); } </script> <div class="header" id="header"> <a href="javascript:TabTasTic('header','content','0');">Tab1</a> <a href="javascript:TabTasTic('header','content','1');">Tab2</a> <a href="javascript:TabTasTic('header','content','2');">Tab3</a> <a href="javascript:TabTasTic('header','content','3');">Tab2</a> </div> <div class="content" id="content"> <div>T1</div> <div>T2</div> <div>T3</div> <div>T4</div> </div>