[SOLVED] Multiple links, hide() & show()
Hey!
Just started out with jquery... Needed some functions for a site I'm doing and thought i might aswell take a look at jquery myself instead of just copy+paste..
well, now to my problem. I have multiple divs on a page, and I want all of the divs to contains a set of links in them...
-
<div class="a">
<div class="list_a_1">Link list 1</div>
<div class="list_a_2">Link list 2</div>
<div class="list_a_3">Link list 3</div>
<link_a_1>show link list 1</link><link_a_2>show link list 2</link><link_a_3>show link list 3</link>
</div>
<div class="b">
<div class="list_b_1">Link list 1</div>
<div class="list_b_2">Link list 2</div>
<div class="list_b_3">Link list 3</div>
<link_b_1>show link list 1</link><link_b_2>show link list 2</link><link_b_3>show link list 3</link>
</div>
and so on...
Now i want a function that switches between these individually. So when I press <link_b_1>, <list_b_1> becomes visible (and list_b_2 & b_3 becomes hidden).
You can probably see my problem now. If it were just one set of links this would be a piece of cake, but it isn't and since it has to scale with unlimited number of divs on the page... well i don't know how to do it.
Thanks in advance! Sorry if this question has been answered before. Didn't have any luck searching (obviously)