Inside your click handler, 'this' is equal to the 'a' that has been clicked.
The problem is when you do
$('ul.tabNavigation a', this).removeClass('selected');
it means "find me any anchors with ul.tabNavigation, but limit the query to
the contents/context of the 'this' element." So it's actually searching
inside that 'a' that was clicked for a ul.tabNavigation and then for 'a's
inside it. This should work fine:
$('ul.tabNavigation a').removeClass('selected');
- Richard
On Wed, Sep 17, 2008 at 10:21 PM, yellowboy <[EMAIL PROTECTED]>wrote:
>
>
> Problem:
> I have two divs, each containing tab navigation. When I click tab
> navigation
> items they receive class 'selected' while the previously clicked tab
> anchors
> retain 'selected' class as well.
>
> My intention is that with click of tab, other tabs drop the selected class.
>
> jquery:
>
> $(function () {
> $('div.tabs').each(function () {
> var tabContainers = $('> div', this);
>
> $('ul.tabNavigation a', this).click(function () {
> tabContainers.hide().filter(this.hash).show();
> $('ul.tabNavigation a', this).removeClass('selected');
> $(this).addClass('selected');
> return false;
> }).filter(':first').click();
> });
> });
>
>
> html:
>
> <div>
> <h2> # Photography </h2>
>
> <div class="gallery">
>
> <div class="tabs">
> <ul class="tabNavigation">
> <li> #first Alternative Process </li>
> <li> #second Black & White </li>
> <li> #third Digital </li>
> </ul>
>
> <div id="first">
> <ul class="altpro">
> <li> /imgs/main/ap1b.jpg </li>
> <li> /imgs/main/ap1b.jpg </li>
> <li> /imgs/main/ap1b.jpg </li>
> </ul>
> </div><!--end first-->
>
> <div id="second">
> <ul class="bandw">
> <li> /imgs/main/perf1.jpg </li>
> <li> /imgs/main/perf2.jpg </li>
> <li> /imgs/main/perf3.jpg </li>
> </ul>
> </div><!--end second -->
>
> <div id="third">
> <ul class="digclr">
> <li> /imgs/main/perf1.jpg </li>
> <li> /imgs/main/perf2.jpg </li>
> <li> /imgs/main/perf3.jpg </li>
> </ul>
> </div><!--end third-->
>
> </div><!--end tabs-->
> </div><!--end gallery-->
>
> </div><!--end photography-->
>
> Thanks!
>
> --
> View this message in context:
> http://www.nabble.com/add-removeClass-problem-tp19536474s27240p19536474.html
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.
>
>
