javascript/jquery tabs

maccaj51
maccaj51 used Ask the Experts™
on
Hi Experts,


I have the code below and would like to have the following script...


.tabs li - they are always visible and when clicked i would like the corresponding class in .tabscontent to go to (.css("display","inline");) and the others to go to (.css("display","none");)

<div class="tabbed">
  <ul class="tabs">
  <li class="tab10">tab1</li>
  <li class="tab20">tab2</li>
  <li class="tab30">tab3</li>
  </ul>
    <ul class="tabscontent">
  <li class="tab10">tab1</li>
  <li class="tab20">tab2</li>
  <li class="tab30">tab3</li>
  </ul>
</div>


Thanks in advance
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Well, there is already jQuery Tabs available from jQuery UI that basically does what you're trying to do.

Author

Commented:
Thanks for your help

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial